‼️ This feature is only available for accounts on the Premium Plan ‼️

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.

Any script you would enter into this field must be written in Javascript. Please only use features that are commonly supported in browsers, or the checkout might break for your customer.

Where to add code in Booqable

Checkout Scripts are also known as Additional Scripts in settings. They can be found by:

  1. Opening your settings in Booqable
  2. Click on the Online Checkout option in the left menu
  3. Click on Additional Scripts in the left menu
    This will take you to the bottom of the Online Checkout options

Analytics Tracking

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.

Facebook Pixel

Booqable.setupFacebook('tracking-id', true);

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 tracking-id.

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.

Google Analytics

Booqable.setupGoogleAnalytics('tracking-id');

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 tracking-id.

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

Are you a developer? Do you want more advanced customization options for your checkout and know Javascript? You can view this help center article for documentation about the available methods, events & properties.

Did this answer your question?