Select your platform

Facebook Pixel & Cashier Integration

Alexa
Alexa
  • Updated

Bold Cashier can use Facebook Pixel to track how your customers interact with your store. Facebook Pixel is able to collect data to help you plan our ad campaigns, and acquire new customers to your store.

When Facebook Pixel is integrated with Bold Cashier and Shopify, it will track your customer's journey through your store - all the way to the checkout.

For this integration to work, you will need a Facebook ads account. Once this is complete, you will also need to set up the pixel in Facebook Ads Manager.

This article is relevant to Bold Cashier on Shopify. If your store is using Bold Checkout, please visit the articles relevant for BigCommerce, or commercetools, here.

 


 

If Shopify and Cashier are using the same Facebook Pixel, your customers will be tracked throughout the store and into the checkout.

The page views that are tracked differ between three Page checkout and One Page checkout options. One page checkout only tracks landed on checkout page and thank you page page views.

Cashier will trigger Page Views for each page of the checkout (Customer information page, Shipping page, Payment page). Cashier will also trigger specific events. The specific events that Cashier tracks are:

InitiateCheckout

Once you have clicked on Checkout (from the cart page) and the checkout page is loaded.

AddPaymentInfo

Once the payment information has been entered, this event is triggered.

Purchase

Once the Complete button is clicked, and the transaction is successful - this event is triggered. 

Events are also tracked every time a button to move to the next step in the checkout is selected.

 


 

Once your Facebook ads and Facebook Pixel accounts are successfully created, you will be able to fully integrate this app with Bold Cashier.

  1. From the Shopify admin, select Apps.
  2. Select Bold Cashier.
  3. Select Settings, then Analytics.
  4. Enter your Facebook Pixel ID.
  5. Select Save.

 


 

Scripts

If you are looking to track any additional information, you will need to create a custom tracking script for your facebook Pixel. To get more information on the limitations of custom scripts, or the variables you can use, please review Custom Tracking Scripts in Bold Cashier.

  1. From the Shopify admin, select Apps.
  2. Select Bold Cashier.
  3. Select Settings, then Analytics.
  4. Select Enable Custom Tracking Scripts for Successful Purchases.
  5. Enter your custom script.
  6. Select Save.

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


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), });

If you believe that there are page views and events not being sent, there are tools available to troubleshoot the issue. Some reasons why your scripts may not be firing could be as follows:

The Facebook Pixel ID is incorrect

It is important to double check to ensure your Facebook Pixel ID is correct. The format is a set of numbers which is associated to your account within the Facebook Ads Manager. This could also help correct your account if all of your customers are showing as abandoning their checkouts.

This area should not include whitespace before, after, or within the ID.

Custom Tracking Scripts Enabled

If the custom tracking scripts are enabled, but there is nothing in that field - the script that Cashier sends by default will be overwritten.

Incorrectly Formatted Code

The code that you add to the custom tracking scripts cannot contain <script> tags, links to external JavaScript, or liquid code. Please see Limitations in Custom Scripts for more information.

It is also important to ensure that your Facebook Pixel ID in Cashier matches the one that is set up within your Shopify store. Correcting this will ensure that your stores events will display properly going forward.

If you require additional assistance to create a custom track script, you have the option of reaching out to our StoreTasker partners to receive a quote.