How to Add Meta Pixel in Webflow

In this tutorial, Sandro, cofounder of Gemeos Agency, a Webflow agency, shows you how to install the Meta Pixel (formerly Facebook Pixel) on your Webflow website.

1. Get your Pixel ID

In Meta Events Manager, select your Pixel or create a new one. Copy your Pixel ID (numeric format: 1234567890123456).

2. Install the Pixel in Webflow

In Project Settings > Custom Code > Head, paste the Meta Pixel base code. Replace YOUR_PIXEL_ID with your ID. Save and publish the site.

3. Check it with Meta Pixel Helper

Install the Chrome extension Meta Pixel Helper. Visit your website: the extension should confirm that the Pixel fires on every page with the PageView event.

4. Set up conversion events

To track form submissions, add the event fbq('track', 'Lead') after submission. Via GTM, create a Meta Pixel tag with a Form Submission trigger to fire this event automatically.

Conclusion

The Meta Pixel can be installed in 5 minutes in Webflow Custom Code.