How to add Facebook Pixel and setup events
In this article, you will learn how to integrate the Facebook pixel on different pages on systeme.io and set up events.
You will need:
Facebook business account
Facebook ad account
Systeme.io account
Custom domain
1.1 You will need to go to your Facebook business account, then click on "Business settings".
Now click on "Pixels" under "Data sources".
Click on "Add" and you will be presented with a popup where you can name your Pixel.
Once you have entered a name for your pixel, click on "Continue".
Another popup will appear that says "Your pixel isn't ready to use yet". You can close that popup as you first need to add "People" and "Assets" to your Pixel.
1.2 Click on "Add people", then on the popup select your business account. Click on the slider to give "Full access" and then click on "Assign".
1.3 Once completed, click on "Add assets".
You will be presented with another popup where you only need to tick the ad account, then click on "Add".
2.1 Click on "All tools" and then click on "Events Manager".
2.2 Click on your Pixel and then click on "Continue Pixel Setup".
You will be presented with two options, "Conversion API" or "Meta Pixel".
2.3 Choose the "Meta Pixel" option and click on "Connect".
2.4 Now click on "Install Code Manually" below the "Manually add Pixel code to website" option.
You will now see the Meta Pixel code that needs to be added to the "Header code" of your funnel pages. If you want to install the code to all the pages of all of your funnels, you can put it in the "Tracking Code" field under "Sales funnel settings"
2.4.1 Adding the Facebook Pixel code from the sales funnel page settings
Go to the editor of your page, then click on "Settings" on the left side of the editor, then paste the Facebook pixel in the "Edit header code" box of the tracking section.
Finally, click on "Save changes" at the top right of your editor to save the changes.
Note: It's important to include your Facebook Pixel code on all the pages of your sales funnel.
2.4.2 Adding the Facebook Pixel code from the sales funnel settings
It is possible to insert your Facebook Pixel code into the settings of the sales funnels, and it will automatically be deployed on the entire sales funnel.
In order to do this, please go to your "Menu", click on the profile picture, then on "Settings". Next, go to the "Sales funnels " and insert the Facebook Pixel code in the tracking code field.
2.5 Copy the code, install it on your website as mentioned above, and then click on "Continue".
Now you will be given the option to activate "Automatic advanced matching", this is optional and it is up to you.
2.6 Click on "Continue" to proceed.
You can now set up events on your website by clicking on "Open event setup tool".
The event setup tool doesn't always work and in this example, we will be manually adding the event code to the "Meta Pixel code".
2.7 For the manual option, click on "Install events using code" and you will be redirected to a page that shows you how to add events to the "Meta Pixel code".
In this example, we will only use the "Lead" event.
Now that you have manually added the events to the "Meta Pixel code", you can click on "Continue" on your Facebook business account side.
2.8 You will need to verify your domain now by clicking on "Verify domain".
Click on "Add", enter your domain, and then click "Add" again.
You will be given a "Meta-tag" that needs to be added to the "Header code" of your page or in the "Sales funnel settings" below the "Meta Pixel code" (leave a space between the two codes).
After you have added the code, click on "Verify domain" on the Facebook side.
2.9 After verifying your domain, click on "Go to Pixel Overview".
Now that your Pixel has been set up and installed, you can test it to see whether it is working.
Click on "Test events", enter the URL of your website in the field below labeled "Test browser events" and click on "Open Website"
You will then see the events listed below "Test events".
Deduplication of Events on Facebook (Pixel and CAPI)
Thanks to the deduplication of tracking for Facebook's Conversion API (CAPI) and the Pixel, it is now easier to avoid double counting of events between the browser (Pixel) and the server (CAPI). When the same event is sent via these two channels, Facebook identifies duplicates with a unique identifier (eventID), merges them automatically, and thus ensures the accuracy of the statistics.
How to implement deduplication?
To enable deduplication, ensure that both Conversion API (CAPI) and Facebook Pixel are implemented correctly. If you haven’t set up CAPI yet, refer to this guide : How to configure the Facebook Conversions API on systeme.io.
For users with CAPI already implemented, deduplication will happen automatically by selecting the event type from the dropdown. However, the Pixel code must be updated to include the event ID placeholder. For each tracked event, the appropriate event ID's placeholder/variable must be added to ensure proper deduplication. Below are examples of common events:
Purchase: fbq('track', 'Purchase', {eventID:'%FACEBOOK_PURCHASE_EVENT_ID%'});
Appointment: fbq('track', 'Schedule', {eventID:'%FACEBOOK_EVENT_ID%'});
View Content: fbq('track', 'ViewContent', {eventID:'%FACEBOOK_EVENT_ID%'});
New Lead: fbq('track', 'NewLead', {eventID:'%FACEBOOK_NEW_LEAD_EVENT_ID%'});
Below is a comprehensive example illustrating the configuration of deduplicating a view content event using the Facebook Pixel:
Select the Appropriate Event Identifier: Write the event placeholder to generate a unique Event ID . This ID allows Facebook to recognize and merge events sent by both the Pixel and the Conversion API (CAPI). This identifier is unique for each event and automatically generates when the placeholder or variable is added. The placeholder ensures the value is dynamically replaced with the actual Facebook Event ID when the pixel is loaded.
Add the eventID to the Pixel code: Here’s how to send the view content event with the unique identifier:
Verification :
For Pixel tracking, visit the page to ensure that events like "View Content" are firing correctly with the associated Event ID . The Facebook Pixel Helper extension will help verify that the Pixel is capturing events as expected.
For CAPI tracking, the user needs to browse the page to trigger server-side events.
In the case of View Content or lead detection, simply visiting the page will fire the event.
For Purchase events, a test purchase must be completed to capture purchase amount values.
Both CAPI and Pixel events can then be viewed in Meta Events Manager to confirm they are tracked correctly and that deduplication functions as intended.
Note: please replace "%FACEBOOK_EVENT_ID% " in your code with your unique event identifier that you can obtain from Facebook for your pixel.
By following this example, you enable deduplication between the Pixel and CAPI, avoiding duplicates and ensuring accurate conversion data for your campaigns.
Tracking Purchase Amount Using CAPI
To track the purchase amount using CAPI, follow these steps:
Use the purchase event type.
Capture the purchase amount along with the currency.
If the product is physical, take the currency from the product.
If the product is a digital offer or subscription, take the currency from the price plan.
Tracking Order Bumps and Upsells Separately
Users often ask if order bumps and upsells can be tracked separately from the main purchase event. Here’s how it works:
The entire order value, including upsells, is sent at the time of the purchase event.
Order bumps and upsells are typically added as digital products, similar to the main offer.
CAPI on the Thank You Page will detect all previous purchases (main offer, bumps, and upsells) automatically.
Notes :
CAPI tracks the full order value, including all upsells and bumps, as long as they were part of the order at the time of the event.
Implementing CAPI on the Thank You Page ensures that all purchases (main offer, order bumps, and upsells) are recorded in one event.
You will need:
Facebook business account
Facebook ad account
Systeme.io account
Custom domain
1. Setup your Pixel
1.1 You will need to go to your Facebook business account, then click on "Business settings".
Now click on "Pixels" under "Data sources".
Click on "Add" and you will be presented with a popup where you can name your Pixel.
Once you have entered a name for your pixel, click on "Continue".
Another popup will appear that says "Your pixel isn't ready to use yet". You can close that popup as you first need to add "People" and "Assets" to your Pixel.
1.2 Click on "Add people", then on the popup select your business account. Click on the slider to give "Full access" and then click on "Assign".
1.3 Once completed, click on "Add assets".
You will be presented with another popup where you only need to tick the ad account, then click on "Add".
2. Install the Pixel on your website
2.1 Click on "All tools" and then click on "Events Manager".
2.2 Click on your Pixel and then click on "Continue Pixel Setup".
You will be presented with two options, "Conversion API" or "Meta Pixel".
2.3 Choose the "Meta Pixel" option and click on "Connect".
2.4 Now click on "Install Code Manually" below the "Manually add Pixel code to website" option.
You will now see the Meta Pixel code that needs to be added to the "Header code" of your funnel pages. If you want to install the code to all the pages of all of your funnels, you can put it in the "Tracking Code" field under "Sales funnel settings"
2.4.1 Adding the Facebook Pixel code from the sales funnel page settings
Go to the editor of your page, then click on "Settings" on the left side of the editor, then paste the Facebook pixel in the "Edit header code" box of the tracking section.
Finally, click on "Save changes" at the top right of your editor to save the changes.
Note: It's important to include your Facebook Pixel code on all the pages of your sales funnel.
2.4.2 Adding the Facebook Pixel code from the sales funnel settings
It is possible to insert your Facebook Pixel code into the settings of the sales funnels, and it will automatically be deployed on the entire sales funnel.
In order to do this, please go to your "Menu", click on the profile picture, then on "Settings". Next, go to the "Sales funnels " and insert the Facebook Pixel code in the tracking code field.
2.5 Copy the code, install it on your website as mentioned above, and then click on "Continue".
Now you will be given the option to activate "Automatic advanced matching", this is optional and it is up to you.
2.6 Click on "Continue" to proceed.
You can now set up events on your website by clicking on "Open event setup tool".
The event setup tool doesn't always work and in this example, we will be manually adding the event code to the "Meta Pixel code".
2.7 For the manual option, click on "Install events using code" and you will be redirected to a page that shows you how to add events to the "Meta Pixel code".
In this example, we will only use the "Lead" event.
Now that you have manually added the events to the "Meta Pixel code", you can click on "Continue" on your Facebook business account side.
2.8 You will need to verify your domain now by clicking on "Verify domain".
Click on "Add", enter your domain, and then click "Add" again.
You will be given a "Meta-tag" that needs to be added to the "Header code" of your page or in the "Sales funnel settings" below the "Meta Pixel code" (leave a space between the two codes).
After you have added the code, click on "Verify domain" on the Facebook side.
2.9 After verifying your domain, click on "Go to Pixel Overview".
3. Test whether the Pixel is working
Now that your Pixel has been set up and installed, you can test it to see whether it is working.
Click on "Test events", enter the URL of your website in the field below labeled "Test browser events" and click on "Open Website"
You will then see the events listed below "Test events".
Deduplication of Events on Facebook (Pixel and CAPI)
Thanks to the deduplication of tracking for Facebook's Conversion API (CAPI) and the Pixel, it is now easier to avoid double counting of events between the browser (Pixel) and the server (CAPI). When the same event is sent via these two channels, Facebook identifies duplicates with a unique identifier (eventID), merges them automatically, and thus ensures the accuracy of the statistics.
How to implement deduplication?
To enable deduplication, ensure that both Conversion API (CAPI) and Facebook Pixel are implemented correctly. If you haven’t set up CAPI yet, refer to this guide : How to configure the Facebook Conversions API on systeme.io.
For users with CAPI already implemented, deduplication will happen automatically by selecting the event type from the dropdown. However, the Pixel code must be updated to include the event ID placeholder. For each tracked event, the appropriate event ID's placeholder/variable must be added to ensure proper deduplication. Below are examples of common events:
Purchase: fbq('track', 'Purchase', {eventID:'%FACEBOOK_PURCHASE_EVENT_ID%'});
Appointment: fbq('track', 'Schedule', {eventID:'%FACEBOOK_EVENT_ID%'});
View Content: fbq('track', 'ViewContent', {eventID:'%FACEBOOK_EVENT_ID%'});
New Lead: fbq('track', 'NewLead', {eventID:'%FACEBOOK_NEW_LEAD_EVENT_ID%'});
Below is a comprehensive example illustrating the configuration of deduplicating a view content event using the Facebook Pixel:
Select the Appropriate Event Identifier: Write the event placeholder to generate a unique Event ID . This ID allows Facebook to recognize and merge events sent by both the Pixel and the Conversion API (CAPI). This identifier is unique for each event and automatically generates when the placeholder or variable is added. The placeholder ensures the value is dynamically replaced with the actual Facebook Event ID when the pixel is loaded.
Add the eventID to the Pixel code: Here’s how to send the view content event with the unique identifier:
Verification :
For Pixel tracking, visit the page to ensure that events like "View Content" are firing correctly with the associated Event ID . The Facebook Pixel Helper extension will help verify that the Pixel is capturing events as expected.
For CAPI tracking, the user needs to browse the page to trigger server-side events.
In the case of View Content or lead detection, simply visiting the page will fire the event.
For Purchase events, a test purchase must be completed to capture purchase amount values.
Both CAPI and Pixel events can then be viewed in Meta Events Manager to confirm they are tracked correctly and that deduplication functions as intended.
Note: please replace "%FACEBOOK_EVENT_ID% " in your code with your unique event identifier that you can obtain from Facebook for your pixel.
By following this example, you enable deduplication between the Pixel and CAPI, avoiding duplicates and ensuring accurate conversion data for your campaigns.
Tracking Purchase Amount Using CAPI
To track the purchase amount using CAPI, follow these steps:
Use the purchase event type.
Capture the purchase amount along with the currency.
If the product is physical, take the currency from the product.
If the product is a digital offer or subscription, take the currency from the price plan.
Tracking Order Bumps and Upsells Separately
Users often ask if order bumps and upsells can be tracked separately from the main purchase event. Here’s how it works:
The entire order value, including upsells, is sent at the time of the purchase event.
Order bumps and upsells are typically added as digital products, similar to the main offer.
CAPI on the Thank You Page will detect all previous purchases (main offer, bumps, and upsells) automatically.
Notes :
CAPI tracks the full order value, including all upsells and bumps, as long as they were part of the order at the time of the event.
Implementing CAPI on the Thank You Page ensures that all purchases (main offer, order bumps, and upsells) are recorded in one event.
Updated on: 30/05/2025
Thank you!