Dashboard

Getting Started With Framer

Follow this document to get set up with Framer using Flowgrid.

Install the script to get started tracking

If you're using Framer to build your website, adding the Flowgrid tracking script is super straightforward. Follow these steps:

  1. Open your project in the Framer editor.
  2. In the left-hand sidebar, click on the Settings icon.
  3. Navigate to the Code tab.
  4. Scroll down to the Custom Code section.
  5. Paste the following tracking script into the Head section:
    Custom Head Code
    1<script src="https://www.flow-grid.xyz/scripts/track.js" data-site="YOUR_WEBSITE_ID" defer></script>
  6. Click Publish to apply the changes and go live.

Note:

Make sure to replace YOUR_WEBSITE_ID with your actual site ID from Flowgrid.

Ensure your Framer domain is added in your Flowgrid dashboard to prevent CORS issues during data capture.

Verify Your installation now

After adding the script do the following to verify that the installation was successful:

  1. Open your website that you are now tracking in the browser.
  2. Go to your dashboard, click on your website and click the go to website's dashboard to see if the incoming traffic are being tracked.