Facebook Pixel & Checkout Integration

Bold Checkout uses Facebook Pixel to track how your customers interact with your store. You can use this data to plan ad campaigns, acquire new customers, and more.

In order for this integration to work, you will need a Facebook ads account. You will also need to set up a pixel in Facebook Ads Manager.

Functionality

Once BigCommerce and Bold Checkout are using the same pixel, your customer's journey will be tracked from start to finish.

The data that Facebook Pixel tracks via page views differs between the three page checkout and one page checkout settings. The one page checkout setting is only capable of tracking the following page views:

• Landed on the Checkout Page
• Thank You Page

Bold Checkout will trigger a page view for each page of the checkout:

• Customer Information page
• Shipping page
• Payment page

Bold Checkout will also track the following events:

• InitiateCheckout
  • Tracked once the checkout loads after a customer clicks Checkout from the cart page.
• AddPaymentInfo
  • Tracked once the customer enters their payment information.
• Purchase
  • Once the Complete button is clicked, and the transaction is successful - this event is triggered. 

Events will also be tracked every time a button in the checkout is selected.

Setup

This setup can only be completed once you've created a Facebook ads account as well as a Facebook Pixel account.

1. Within Checkout, select Settings > Analytics.
2. Enter your Facebook Pixel ID.
3. Select Save.

Facebook Pixel Tracking Scripts

Facebook Pixel tracking scripts allow you to track additional information.

1. Within Checkout, select Settings, then Analytics.
2. Select Enable Custom Tracking Scripts for Successful Purchases.
3. Enter your custom script.
4. Select Save.

Bold Checkout uses scripts to send both page views and events to Facebook Pixel. The default script that Bold Checkout sends for Facebook Pixel is as follows:

FacebookAnalytics.sendFacebookEvent('Purchase', {
'value': BOLD.order.total / 100,
'currency': BOLD.order.currency,
'contents': BOLD.order.line_items,
'content_type': 'product',
'content_ids': BOLD.order.line_items
.filter(line_item => line_item.platform_variant_id) // not undefined and not null
.map(line_item => line_item.platform_variant_id),
});

Troubleshooting