Search

Back

Copy Link

Library

/

Pro

/

101

Track # of Clicks

101

Track # of Clicks

Track the number of clicks an element receives

Not loading? Preview

Made by

@frameroverrides

Component

click

Component

Track # of Clicks

Copy

Component

Copied to Clipboard!

Instructions

This component is easy to use so don’t be intimidated by it. You just need to setup a Supabase account to store the clicks. I’ll show you how to do it below.

Instructions

  1. Copy and paste the component from the Framer remix file into your project

  2. Go to Supabase and create an account or login

  3. Go to Table Editor and create a new table - you can name it whatever you’d like - usually I name it something to help identify which button it’s tracking (HeroCTA).

  4. In your table create 2 columns that are identical to the ones below (case sensitive)

  5. Go to project settings > API

  6. Copy the Project URL and paste it in the component in Framer where it says URL

  7. Reveal and copy your private key and paste in the Framer component

  8. Add the name of your table in the Framer component as well

  9. You can now place this component into any element you’d like to track. Turn the opacity down to 0

Terms of Use for Pro Assets

By accessing and using this Framer Override Library, you agree to the following terms:

All code snippets provided are available for your personal and professional use. This includes personal websites, client projects, paid templates only (with the use of up to 10 assets per template), and other website projects in Framer. You are strictly prohibited from sharing, redistributing, selling these code snippets, or creating derivative works for resale or distribution. Unauthorized sharing, distribution, or selling of these code snippets is a breach of these terms and may result in termination of your access to this library, along with potential legal action.