Skip to main content

Framer

Steps to install snippet on a Framer site

  • Copy the JS snippet from Data Collection under settings
  • Go to your Framer project → Site Settings → General → Custom Code
  • Paste the JS snippet into the "Start of <head> tag" section
  • Click "Save" to apply the changes
  • Publish your site for the changes to take effect

For a visual walkthrough of this process, you can watch this YouTube tutorial.

Alternative Method: Component-based Installation​

If you prefer to add the code to specific pages or components:

  • Create a new Code Component in Framer
  • Paste the JS snippet into the component
  • Add the component to the pages where you want tracking enabled

Verification​

After installation, you can verify the snippet is working by:

  • Opening your published site in a browser
  • Checking the browser's developer tools (Network tab) for Syft tracking requests
  • Monitoring your Syft dashboard for incoming data