Get Started
Insights
Nov 22, 2025
How to add Meta Pixel to the Framer site
Installing Meta Pixel on your Framer site allows you to accurately measure visitor behavior. The installation process is simple, and with event configuration and testing, effective ad tracking is possible.
Uploaded by
Translated by
Contents
Table of Contents
Installing Meta Pixel in Framer
By connecting Meta Pixel for site analytics and ad tracking, you can precisely measure visitor actions. In Framer, you can easily install Meta Pixel in just a few steps. Please refer to the guide below to effectively use it in necessary situations.
How to Install Meta Pixel
1. Create a Meta Business Account
First, visit Meta Business Suite and create an account. If you already have an account, you can proceed to the next step.
2. Access the Events Manager
Click on
All Toolsin the left menu, then selectEvents Manager.In the left menu of
Events Manager, click onConnect Data Sourcesto open a popup window.
3. Set up Meta Pixel
Select
Webas the data source type, then enter your website URL following the steps.After entering the URL, choose
Do it yourselfand select theMeta Pixeloption.
4. Install the Basic Pixel Code
Copy the Pixel code you got from Meta.
Go to
Site Settingsin Framer and selectCustom Code.Paste the Pixel code at the beginning of the
<head>tag, save the changes, and republish your site.
Setting Up Events
Using Meta's Event Setup Tool, you can define trackable events (e.g., add to cart / find location / view content, etc.).
Enter the published URL to open the page, then select the button or link to define the event for tracking.
Testing the Events
Precautions
You can test events in the Test Events tab of Events Manager. Please be aware of the following precautions to test events without issues.
Verify that ad-blocking is disabled in your browser for accurate testing.
Events appear in real time, but Pixel analytics data may take up to 30 minutes to update.
If everything is working fine, the events should be recorded properly in the Activity section of the Meta Analytics dashboard.
If you encounter any issues, you can contact our support team through Framer's Contact page.
Frequently Asked Questions (FAQ)
Q. Can events sometimes not appear in Analytics?
Yes. While events appear in real-time, there can be a delay of up to 30 minutes in Analytics data. It's just the time needed to process the data, so we recommend waiting a bit and checking again.
Q. Can I simply remove the Meta Pixel by deleting it from Custom Code?
Yes. Once you delete the code and republish, the Meta Pixel will be removed.
Q. Can the Meta Pixel code be inserted into other tags within Custom Code?
No. The Meta Pixel must be placed within the
<head>tag to ensure it runs immediately upon page load for accurate tracking.
This article is translated and adapted from Framer's official blog post, ‘Adding Meta Pixel to your site’.
