Pixelflow
All Collections
Installation Guides
Webflow
Webflow Setup (Without plugin)

This article guides you through the process of how to set up the Facebook Conversions API on Webflow using the PixelFlow Webflow plugin.

This method requires you to enter your Webflow Site ID directly during setup.

Before you begin

Make sure you have:

  • Access to your Webflow site dashboard with Custom Code permissions

  • Your Meta Pixel ID and Access Token from Facebook Events Manager

  • Removed any existing Meta Pixel scripts from your site to prevent duplicate events

If you prefer an automated setup that syncs your site details automatically, see Webflow plugin setup instead.

Step 1: Find your Webflow Site ID

You'll need your Webflow Site ID to complete the manual setup.

  1. Log in to your Webflow Dashboard

  2. Select your site

  3. Click the Settings icon (gear) in the left sidebar

  4. Go to the General tab

  5. Scroll to the footer and click "Click here to copy your site ID"

Your Site ID is a unique identifier that looks like a long string of numbers and letters. Keep it handy for the next step.

Step 2: Configure your site in PixelFlow

  1. Log in to your PixelFlow dashboard

  2. Start the setup wizard and select Webflow as your platform

  3. When the automatic sync fails or is skipped, click Configure manually

  4. Enter your site details:

    • Website URL: Your live site domain (e.g., https://yoursite.com)

    • Webflow Site ID: Paste the Site ID you copied in Step 1

    • Currency: Select your default currency (USD by default)

  5. Click Continue

Make sure your Website URL matches your published domain exactly. A mismatch will prevent events from tracking correctly.

Step 3: Connect your Meta Pixel

  1. In the PixelFlow wizard, enter your Meta Pixel ID

  2. Add your Conversions API Access Token from Meta Events Manager

  3. Click Connect

PixelFlow will validate your credentials and connect both the Pixel and Conversions API.

Step 4: Install the tracking script

  1. Copy the unique tracking script provided by PixelFlow

  2. Go to your Webflow Dashboard

  3. Navigate to Site Settings → Custom Code

  4. Paste the script in the Head Code section

  5. Click Save

  6. Publish your site to your production domain

The script is only 11KB and includes automatic event deduplication and bot blocking. Changes may take up to 5 minutes to reflect due to Webflow's cache.

Step 5: Test your setup

  1. Visit your live website (not the Webflow preview)

  2. Check the PixelFlow dashboard Events tab (events appear in 2-3 minutes)

  3. Verify events in Meta Events Manager

You should see a PageView event fire immediately. If you see confetti in your PixelFlow dashboard, your setup is working!

Differences from the plugin method

Manual setup differs from the Webflow plugin in these ways:

  • No app installation required from the Webflow Marketplace

  • Manual entry of Site ID instead of automatic sync

  • Slightly higher risk of configuration errors if Site ID is incorrect

  • Same tracking accuracy and performance after setup

Common issues

Invalid URL error

Make sure your Website URL is a valid domain with https:// and matches your published site exactly.

Site ID required error

The Webflow Site ID field cannot be empty. Copy it from your Webflow Site Settings → General tab.

Events not showing up

Confirm that:

  • The script is in the Head Code section (not Footer)

  • You published the site to your production domain

  • You're testing on the live site, not Webflow's preview

  • You removed any existing Meta Pixel scripts

Next steps

After setup, you can:

Was this helpful?