Help center

Learn how to sell online with Checkout Page

Add Google Tag Manager to Checkout Page

Add Google Tag Manager to Checkout Page

In this help article, you will learn how to add Google Tag Manager to your checkouts on Checkout Page.

Website or tracking tags allow you to collect data on your customers' behavior. These tags are great for web analytics and marketing purposes.

One of the easiest (and free!) ways of managing tags is using a tag management system, such as Google Tag Manager. 

Using Google Tag Manager, you can quickly add and manage tracking tags for your checkouts by copy-pasting a simple snippet of code into your checkout's settings.

This way, Checkout Page will automatically track two custom events:

  • checkoutpage-enter - whenever someone enters your checkout

  • checkoutpage-checkout - whenever someone completes your checkout

The checkout event will also contain:

  • value - the final purchase amount

  • checkoutID - the ID of your checkout

  • currency - the currency of your checkout

  • orderId - the ID of your customer's order 

To capture these events in Google Analytics and/or Google Ads, you also need to set up triggers and tags.

Instructions to add Google Tag Manager to Checkout Page

Follow these steps to add Google Tag Manager to your Checkout Page:

  1. Open your Google Tag Manager dashboard and click on your container under Accounts

    image-6127.png

  2. Navigate to the Admin tab and click to Install Google Tag Manager

    image-9776.png

  3. Copy the first code of your Google Tag Manager

    image-7acc.png

  4. Go to Checkout Page and click on your checkout

  5. Open Settings and paste the tag under Third party analytics

    image-b187.png

  6. Click to Save and that's it!

Take a look at these articles to further configure the event tracking for your checkouts:


Have a question about
Checkout Page?