How it works
The custom checkout scripts feature was designed to let you use analytics tracking systems like Google Analytics, Facebook Pixel, and others on the checkout of your online store.
Analytics help you create sales funnels and keep track of even more stats to make your business more successful.
You can also use custom checkout scripts to slightly modify the behavior of your checkout. For example, you can add a support chat or replace the logo. This is not the original intended use of this feature though, so as Booqable gets updated, you may need to edit your code again.
Where code can be added within Booqable
Checkout Scripts are also known as Additional Scripts in settings. They can be found by:
Opening your settings in Booqable
Click on the Online Checkout option in the left menu
Click on Additional Scripts in the left menu
This will take you to the bottom of the Online Checkout options
Tracking your analytics
We have built-in some common features for both Google Analytics and Facebook Pixel so that with a simple code you can do some basic page tracking and event tracking.
Both analytics types can have event tracking by just placing the proper code into Booqable. Conversion tracking would need to be built within your analytics account based on the events that are sent over from Booqable.
This code sets up Facebook Pixel using your Facebook Pixel ID from your Facebook Pixel account. This ID should be placed within the single quotation marks in place of the words
With the default events, which this code includes, tracking for the InitiateCheckout, AddPaymentInfo & Purchase events will occur automatically once added.
If you do not want event tracking to be sent into Facebook Pixel you can put
false in place of the word
true at the end of the code before the end bracket.
This code sets up Google Analytics with your Google Analytics tracking ID, which should be placed within the single quotation marks in place of the words
After this code, you can use gtag(), if needed.
This code will provide page tracking only, this is the default state.
There are multiple options for how to set up google analytics tracking either with or without event tracking and with or without page tracking. These are the available options:
For No Event and No Page Tracking:
Booqable.setupGoogleAnalytics('tracking-id', false, false);
For Only Page Tracking (page views) and No Event Tracking:
Booqable.setupGoogleAnalytics('tracking-id', true, false);
For Only Event Tracking and No Page Tracking:
Booqable.setupGoogleAnalytics('tracking-id', false, true);
For Both Event Tracking and Page Tracking:
Booqable.setupGoogleAnalytics('tracking-id', true, true);
You can view this help center article for documentation about the available methods, events & properties.