Pixelflow
Framer Setup

Framer Setup (Without Plugin)

Use this guide to install PixelFlow on Framer by adding the script manually. Use this if you do not want to use the Framer plugin.

If you want the faster setup path, use Framer Setup (Using Plugin).

1. Add your site in PixelFlow

  1. Log in to your PixelFlow dashboard.

  2. Click Add New Site.

  3. Select Framer.

  4. Enter your site domain.

  5. Choose your currency if needed.

  6. Click Continue.

2. Connect your Meta Pixel

  1. Add your Pixel Name.

  2. Add your Pixel ID.

  3. Add your Meta Pixel Access Token.

  4. Confirm you removed any native Meta Pixel.

  5. Click Save or Add Pixel.

Need help finding these values? See How to Find Your Pixel and Generate Your Access Token.

3. Copy your PixelFlow script

  1. In the install step, copy the script generated for your site.

<script src="https://cdn.pixelflow.so/script.js?pixel=YOUR_PIXEL_ID"></script>

4. Add the script to Framer

  1. In Framer, open the top menu.

  2. Select Site Settings.

  3. Open Custom Code.

  4. Add a new code block named PixelFlow.

  5. Set placement to End of <head>.

  6. Set page to All and run to Once.

  7. Paste the script and click Add.

5. Publish your site

  1. Click Publish in Framer.

  2. Click Update.

6. Verify the setup

  1. Open your live site in a new browser window or incognito mode.

  2. Visit a few pages.

  3. Wait 2 to 3 minutes.

  4. Check the Events page in PixelFlow.

  5. Confirm the event also appears in Meta Events Manager.

For a deeper test flow, see How to Test and Verify Your PixelFlow CAPI Setup.

7. Track more events

After setup, PixelFlow starts tracking page views. To track more actions, use Visual Tagger, Event URLs, or How to Track Events.

Was this helpful?