/Documentation

How to debug the Shopify checkout page with GTM

Updated Jun 1, 2026

When debugging a Shopify setup, the GTM dataLayer is not accessible on the checkout page because Shopify limits access to the checkout environment. Unlike other Shopify pages, the checkout is sandboxed and does not permit unrestricted DOM manipulation or custom script injection.

But there’s a workaround to avoid the limitation and debug events on the checkout page - manually insert the GTM snippet. This guide focuses on how to debug checkout events on the Shopify website.

How to debug Shopify checkout events

While running the checkout of the Shopify store, users see the “No Google tags found” error.

While running the checkout of the Shopify store, users see the “No Google tags found” error.

Here is the solution:

1. Add the Stape GTM Helper Chrome extension to your browser.

2. Run Preview Mode in your GTM container.

3. Enable events tracking on checkout.

  • Turn on the toggle Shopify Sandbox dataLayer in the Settings tab of the extension.
  • In the tab Inject GTM, click Enable injection, add your domain name, and GTM ID.
  • Click “Save changes”.
Turn on the toggle Shopify Sandbox dataLayer in the Settings tab of the extension.

4. Check the events recording in GTM Preview.

Check the events recording in GTM Preview

Now you can debug this part of your setup!

Stape Chrome extension also provides other benefits to make the debugging process more convenient. Its features include, but are not limited to, entity filter, request URL formatter, website tracking scanning and evaluation, and displaying consent status in server GTM. For more details on the Stape Chrome extension's features, refer to our guide.

Comments

Can’t find what you are looking for?