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