{"id":68228,"date":"2024-11-05T11:17:51","date_gmt":"2024-11-05T10:17:51","guid":{"rendered":"https:\/\/www.makingscience.com\/?p=68228"},"modified":"2024-11-05T11:17:51","modified_gmt":"2024-11-05T10:17:51","slug":"shopify-checkout-extensibility","status":"publish","type":"post","link":"https:\/\/www.makingscience.com\/en\/blog\/shopify-checkout-extensibility\/","title":{"rendered":"Shopify Checkout Extensibility"},"content":{"rendered":"

Installing GTM on Shopify’s Checkout Extensibility<\/strong><\/h3>\n

 <\/p>\n

What’s happening?<\/h4>\n

Shopify has changed how its checkout manages third-party scripts. Historically Shopify ecommerce sites have used Checkout.liquid and added scripts to the code for measurement. However, Shopify is moving towards a new feature called Checkout Extensibility. To quote Shopify:<\/span><\/p>\n

\u201cIn February 2023 we announced that checkout.liquid is deprecated, and that we\u2019re moving to Checkout Extensibility, a new foundation for checkout that is more secure, performant, upgrade-safe, and customized using apps. Relying on obsolete checkout.liquid code past the deadlines below poses risks that may impact your business.\u201d<\/span><\/i><\/p>\n

Important Dates<\/h4>\n

August 13, 2024:<\/b> Deadline to upgrade your Information, Shipping, and Payment pages. Automatic upgrades begin on January 6, 2025, and all checkout.liquid customizations for these pages will be lost.<\/span><\/p>\n

August 28, 2025:<\/b> Deadline to upgrade Thank you and Order status pages, including your apps using script tags and additional scripts.<\/span><\/p>\n

Custom Pixels<\/h4>\n

Checkout Extensibility forces Google Tag Manager (GTM) to be implemented in a custom pixel. These can be created in the Settings section of your Shopify Plus account.<\/span><\/p>\n

\"\"<\/a><\/h4>\n

<\/h4>\n

Adding Google Tag Manager<\/h4>\n

Firstly, copy the container snippet from GTM. Then to add the GTM container script to Shopify, select the \u2018Add custom pixel\u2019 button and past the code into the pixel.<\/span><\/p>\n

\"\"<\/a><\/span><\/p>\n

Starting a custom pixel with console.log message will enable you to confirm the script is being loaded.<\/span><\/p>\n

\"\"<\/a><\/span><\/p>\n

With that the foundation of GTM on Shopify is complete. We still need to cover a few topics to complete the setup.<\/span><\/p>\n