How does it work?
You can integrate a Facebook pixel with Checkout X to help you understand customer behavior and traffic. A Facebook pixel collects data about how customers are using your online store pages so that you can more effectively plan your ad campaigns to find new customers. The integration will work along with the Shopify’s FB Pixel integration and will track different standard events.
Here are the events that the pixel will track:
Events tracked on both Shopify and Checkout X pages:
- View content
Shopify allows you to track these events:
- Add to cart
Checkout X allows you to track these events:
- Initiate Checkout
- Add Payment Info
How can I set up the integration?
I have a Facebook Ads Pixel and I use it in Shopify.
If you already set up a pixel in Facebook Ads Manager and use it in Shopify, you can skip the next two steps and go to the last section, finding out how to connect Facebook Pixel integration in Checkout X.
I don’t have a Facebook Ads Pixel.
STEP 1: First, you need to create your Facebook Ads Account and from there to create your Facebook Pixel following these steps:
- Go to your Pixels tab in Events Manager.
- Click Create a pixel.
- Read how the pixel works and then click Continue.
- Add your pixel name.
- Enter your website URL to check for easy setup options.
- Click Continue
- Copy the Pixel ID
STEP 2: Add your Facebook Pixel to your Shopify Store by following these steps:
- Click on Online Store in the Sales Channels section.
- Go to Preferences.
- Scroll down to Facebook Pixel.
- Add your Pixel ID.
- Click Save.
STEP 3: Add your Facebook Pixel to Checkout X by following these steps:
- Click on Configuration.
- Go to Integrations.
- Find Facebook Ads Pixel.
- Add your pixel from Facebook Ads
- Don’t forget to click Save Checkout.
Verifying your checkout Facebook Pixel
This step is optional.
To verify your FB Pixel is active on the checkout page, you could install the FB Pixel Helper browser extension from here. Then, go to the checkout page on your store, click on the extension icon and make sure that your FB Pixel is displayed in the Helper.
Event Warnings in the FB Pixel Helper
You could see warnings of the events in the FB Pixel Helper. This doesn’t mean that the pixel doesn’t work properly. Here are the most common warnings that will be displayed:
Add Payment Info Event Warning
You will always see the following warning of the Add Payment Info event:
We detected event code but the pixel has not activated for this event, so no information was sent to Facebook. This could be due to an error in the code, but could also occur if the pixel fires on a dynamic event such as a button click learn more.
This warning doesn’t mean that the pixel is not working properly. The Add Payment Info event is triggered dynamically once the customer adds their payment information so FB displays a warning. You can ignore it.
Missing Product Catalog Warning
You could see this warning on the Initiate Checkout event:
This warning could be displayed on both checkout and purchase pages because there is no product catalog connected to your Facebook account. For more detailed information on what the product catalog is and why it’s useful, you could visit this article.
❓ FAQ ❓
🙋 What if I want to add more than 1 pixel?
In this case, you could use the Trackify integration instead of the Facebook Ads Pixel one. You could check our Trackify guide.
🙋 Why my statistics are not updated?
You need to know that there will be a delay of a few hours of your Facebook Ads statistics and this is normal.
🙋 Why do I have more orders than were tracked?
The reason for this is because it is not possible post-purchase upsells to be tracked from the Facebook Pixel. Once a customer orders a product + an upsell product, Shopify creates two separate orders in the platform. However, Checkout X tracks them as one order. We will provide the option to merge orders in Shopify in the near future.