{"id":1675,"date":"2024-04-11T12:53:01","date_gmt":"2024-04-11T12:53:01","guid":{"rendered":"https:\/\/www.digitalposition.com\/resources\/blog\/?p=1675"},"modified":"2025-08-05T01:54:02","modified_gmt":"2025-08-05T01:54:02","slug":"shopify-checkout-extensibility-conversion-tracking-upgrade-tutorial","status":"publish","type":"post","link":"https:\/\/www.digitalposition.com\/resources\/blog\/ppc\/shopify-checkout-extensibility-conversion-tracking-upgrade-tutorial\/","title":{"rendered":"Shopify Checkout Extensibility: Conversion Tracking Upgrade Tutorial"},"content":{"rendered":"\n<p><strong>Edit 8\/4\/2025<\/strong>: We&#8217;ve just published a post with new updates &amp; a revised plan to help you through this migration. <a href=\"https:\/\/www.digitalposition.com\/resources\/blog\/ppc\/shopify-checkout-extensibility-deadline-august-28-2025-is-coming-heres-how-to-not-screw-it-up\/\" data-type=\"link\" data-id=\"https:\/\/www.digitalposition.com\/resources\/blog\/ppc\/shopify-checkout-extensibility-deadline-august-28-2025-is-coming-heres-how-to-not-screw-it-up\/\">Read the updated post<\/a>.<\/p>\n\n\n\n<p><em>If you missed the deadline on 8\/13\/24<\/em>, <em>read Shopify&#8217;s <a href=\"https:\/\/help.shopify.com\/en\/manual\/checkout-settings\/customize-checkout-configurations\/checkout-extensibility#deadlines\">statement on the impact of missing the August 13, 2024 deadline<\/a>.<\/em><\/p>\n\n\n\n<p>A big change is coming to Shopify and you need to take action before 8\/13\/24 or you might be in trouble. Here is the <a href=\"https:\/\/help.shopify.com\/en\/manual\/checkout-settings\/checkout-extensibility\/checkout-upgrade\">documentation<\/a> from them regarding the change. It\u2019s a long, exhaustive read, but it doesn\u2019t tell you WHAT to do or HOW to do it. By the end of this post, you should have:<\/p>\n\n\n\n<ol>\n<li>A quick and dirty TLDR about the change<\/li>\n\n\n\n<li>A plan to tackle the migration (using our <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1z6i2K3_scJSOVlw6kOdKRxwN56dZu--AhAXO6hVCYTA\/edit#gid=654456275\">Shopify Checkout extensibility migration spreadsheet<\/a>)<\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/Digital-Position-Team\/conversion-tracking-scripts\">Conversion tracking code examples<\/a> for all major platforms<\/li>\n<\/ol>\n\n\n\n<p>I\u2019ll start with the TLDR so you don\u2019t have to look any further if this is all you came for<\/p>\n\n\n\n<ul>\n<li>8\/13\/24 &#8211; Checkout.liquid is turned off for <strong>Info, Shipping &amp; Payment<\/strong> pages<\/li>\n\n\n\n<li>8\/28\/25 &#8211; Checkout.liquid is turned off for <strong>Thank you &amp; Order status<\/strong> pages (Including Additional Scripts)<\/li>\n\n\n\n<li>You need to make a list of every script and plugin making modifications to your checkout.liquid (this will all be REMOVED after the deadline passes)\n<ul>\n<li>You can find an auto-generated list of your current modifications to the standard checkout process at this link: <a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">https<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">:\/\/<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">admin<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">.<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">shopify<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">.<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">com<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">\/<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">store<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">\/<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\"><strong>[<\/strong><\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\"><strong>YOUR<\/strong><\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\"><strong>&#8211;<\/strong><\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\"><strong>STORE<\/strong><\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\"><strong>&#8211;<\/strong><\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\"><strong>NAME<\/strong><\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\"><strong>]<\/strong><\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">\/<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">settings<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">\/<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">checkout<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">\/<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">customizations<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">&#8211;<\/a><a href=\"https:\/\/admin.shopify.com\/store\/%5byour-store-name%5d\/settings\/checkout\/customizations-report\">report<\/a><\/li>\n\n\n\n<li>Digital Position recommends doing this manually since the auto-generated list doesn\u2019t always get everything (you can use <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1z6i2K3_scJSOVlw6kOdKRxwN56dZu--AhAXO6hVCYTA\/edit#gid=1390476541\">this template<\/a>)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>You will need to migrate the functionality of everything you want to keep to the new checkout experience using <a href=\"https:\/\/help.shopify.com\/en\/manual\/promoting-marketing\/pixels\/overview\"><strong>Shopify<\/strong> <strong>pixels<\/strong><\/a>, the <a href=\"https:\/\/help.shopify.com\/en\/manual\/checkout-settings\/checkout-extensibility\"><strong>new<\/strong> <strong>checkout<\/strong> <strong>builder<\/strong> <strong>tool<\/strong><\/a>, and <a href=\"https:\/\/help.shopify.com\/en\/manual\/checkout-settings\/checkout-extensibility\/checkout-apps\"><strong>checkout<\/strong> <strong>apps<\/strong>.<\/a><\/li>\n\n\n\n<li><strong>IMPORTANT NOTE:<\/strong> It won\u2019t be possible to migrate everything over. You might have to change your checkout flow.<\/li>\n\n\n\n<li>Digital Position\u2019s created some free <a href=\"https:\/\/github.com\/Digital-Position-Team\/conversion-tracking-scripts\">code examples<\/a> for Shopify pixels<\/li>\n<\/ul>\n\n\n\n<p>Shopify created a \u2018Customizations report\u2019 which can be accessed by following this link <a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">https<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">:\/\/<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">admin<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">.<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">shopify<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">.<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">com<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">\/<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">store<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">\/<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\"><strong>YOUR<\/strong><\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\"><strong>&#8211;<\/strong><\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\"><strong>STORE<\/strong><\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\"><strong>&#8211;<\/strong><\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\"><strong>NAME<\/strong><\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">\/<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">settings<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">\/<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">checkout<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">\/<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">customizations<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">&#8211;<\/a><a href=\"https:\/\/admin.shopify.com\/store\/your-store-name\/settings\/checkout\/customizations-report\">report<\/a> and replacing <strong>YOUR-STORE-NAME <\/strong>with, you guess it\u2026 your store\u2019s name (can be grabbed from the url after logging in).<\/p>\n\n\n\n<p>This report supposedly gives you the breakdown of all the modifications made to your store\u2019s checkout process (includes checkout.liquid and the Additional Scripts section). However, there are a few problems with taking this at face value.<\/p>\n\n\n\n<ol>\n<li>It\u2019s AI generated &#8211; doesn\u2019t always make sense and doesn\u2019t provide actionable insights<\/li>\n\n\n\n<li>Sometimes the dropdowns are just blank<br><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1676 alignnone\" src=\"https:\/\/www.digitalposition.com\/resources\/blog\/wp-content\/uploads\/2024\/04\/auto-report-doesnt-cover-everything.jpg\" alt=\"\" width=\"495\" height=\"124\" srcset=\"https:\/\/www.digitalposition.com\/resources\/blog\/wp-content\/uploads\/2024\/04\/auto-report-doesnt-cover-everything.jpg 495w, https:\/\/www.digitalposition.com\/resources\/blog\/wp-content\/uploads\/2024\/04\/auto-report-doesnt-cover-everything-300x75.jpg 300w\" sizes=\"(max-width: 495px) 100vw, 495px\" \/><\/li>\n\n\n\n<li><strong>It doesn\u2019t cover everything<\/strong><\/li>\n<\/ol>\n\n\n\n<p>While the effort by Shopify is appreciated, the fact that it doesn\u2019t show you everything makes this tool near useless in my opinion.<\/p>\n\n\n\n<p>You will need to go through <strong>checkout.liquid<\/strong> line by line, as well as <strong>Additional Scripts<\/strong>, (and anywhere else that might have made changes affecting checkout), and manually make a list of everything you find. The code here will 100% stop firing after those deadlines, so you\u2019ll need to either migrate them to Checkout Extensibility or sacrifice the customized functionality.<\/p>\n\n\n\n<p>We built a <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1z6i2K3_scJSOVlw6kOdKRxwN56dZu--AhAXO6hVCYTA\/edit#gid=654456275\">spreadsheet<\/a> you can copy and use to keep track of everything. It has instructions built-in for many types of scripts you might want to migrate.<\/p>\n\n\n\n<p>To simplify, there are 3 main types of scripts \/ modifications:<\/p>\n\n\n\n<ul>\n<li>Layout modifications &#8211; changes to the look and feel of the checkout process<\/li>\n\n\n\n<li>Custom scripts &amp; 3rd party integrations &#8211; Upsells, custom thank you pages, live chat, etc.<\/li>\n\n\n\n<li>Conversion tracking &#8211; Google, Meta, Tiktok, Microsoft, etc.<\/li>\n<\/ul>\n\n\n\n<p>You will need to take a different approach to migrate each type.<\/p>\n\n\n\n<div class=\"inline-blog-subscribe\">\n    <div class=\"inline-blog-subscribe-line\"><\/div>\n    <div class=\"inline-blog-subscribe-inner\">\n      <h4>\n        Subscribe to get monthly updates\n        <img decoding=\"async\" src=\"https:\/\/www.digitalposition.com\/images\/icons\/mail-bolt.svg\">\n      <\/h4>\n      <form action=\"https:\/\/digitalposition.us11.list-manage.com\/subscribe\/post?u=98940f4d582d8ab71b457d958&amp;id=e1fb509c45\" method=\"post\" id=\"mc-embedded-subscribe-form\" name=\"mc-embedded-subscribe-form\" class=\"validate\" target=\"_blank\" novalidate=\"\" _lpchecked=\"1\">\n        <input type=\"text\" name=\"EMAIL\" class=\"form-control\" placeholder=\"Email\">\n        <span>\n          <button class=\"button b-type-primary b-color-green b-size-normal\" type=\"submit\">\n            <svg class=\"svg-primary\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"1em\" viewBox=\"0 0 448 512\">\n              <path d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"><\/path>\n            <\/svg>\n          <\/button>\n        <\/span>\n      <\/form>\n    <\/div>\n    <div class=\"inline-blog-subscribe-subtext\">\n      <p>Get access to our industry trends newsletter delivered to your inbox so you never miss a beat.<\/p>\n      <p><em style=\"margin-top: 8px;\">We will never spam you.<\/em><\/p>\n    <\/div>\n    <div class=\"inline-blog-subscribe-line\"><\/div>\n  <\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Layout Modifications<\/strong><\/h2>\n\n\n\n<p>With Shopify&#8217;s Checkout Extensibility, you don\u2019t have the ability to make changes directly to the code of your checkout, however there is now a <a href=\"https:\/\/help.shopify.com\/en\/manual\/checkout-settings\/checkout-extensibility\">Checkout editor<\/a>.<\/p>\n\n\n\n<p>You should be prepared to make some changes to your checkout flow when you upgrade. Unfortunately, not all modifications will be supported in Checkout Extensibility, so you must budget time to build your new checkout.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Custom scripts &amp; 3rd party integrations<\/strong><\/h2>\n\n\n\n<p>You can now install checkout specific apps from the <a href=\"https:\/\/help.shopify.com\/en\/manual\/checkout-settings\/checkout-extensibility\/checkout-apps\">App store<\/a>. Most ecommerce stores will have lots of apps and scripts already that make modifications to checkout.liquid for things like shipping rates calculation, upsell modules, customer loyalty widgets, etc. Those app developers should be making Shopify Checkout Extensibility complaint updates to their apps before the deadlines.<\/p>\n\n\n\n<p>If your checkout relies on specific apps to function, you should check that app\u2019s website or documentation, and potentially reach out to their support for migration instructions. Even if an app developer releases an update to their app to support Shopify Checkout Extensibility, it won\u2019t auto apply and will require action on your part to implement.<\/p>\n\n\n\n<p>If you can\u2019t find instructions to migrate the app and you can\u2019t track down the developer, you might have to start looking for a new app and integrate that into your checkout flow.<\/p>\n\n\n\n<p>Take this chance to simplify your checkout and remove any scripts that you no longer need.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conversion Tracking<\/strong><\/h2>\n\n\n\n<p>This guide will focus on the Conversion Tracking scripts. Conversion tracking is a complex topic, and most stores will have lots of different tracking installed through various methods.<\/p>\n\n\n\n<p>This might be a good time for you to simplify your conversion tracking strategy as well. <a href=\"https:\/\/help.shopify.com\/en\/manual\/promoting-marketing\/pixels\/overview\">Shopify pixels<\/a> aims to do just that, and is one of the few parts of this update that I\u2019m actually excited about.<\/p>\n\n\n\n<p><strong>Warning: <\/strong>This part is very code heavy, and this guide is intended for experienced digital marketers, developers, or whoever this project was dumped on at the last minute, 5 days from the deadline\u2026 We got you.<\/p>\n\n\n\n<p>To summarize Shopify pixels, it allows you to run code <strong>anywhere on your site<\/strong>. You specify the <a href=\"https:\/\/shopify.dev\/docs\/api\/web-pixels-api\/standard-events\">standard events<\/a> you want to listen to, and execute conversion tracking codes within that block.<\/p>\n\n\n\n<p>Most conversion tracking in Shopify is processed through the Additional Scripts section (usually with an <strong>if first_time_accessed<\/strong>). To achieve that same functionality using Shopify pixels, the code would look like this:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/ This example shows how to install a custom script on only the main checkout pages\n\/\/ Everything included here (outside analytics.subscribe) will run on every page load\n\nanalytics.subscribe(\"checkout_completed\", (event) => {\n\u00a0 \/\/ Custom script to only fire when a purchase occurs (make sure to exclude HTML)\n\u00a0 \/\/ Whatever code is inside this block will fire only after a purchase has occurred\n});<\/pre>\n\n\n\n<p>Pretty neat.<\/p>\n\n\n\n<p>I\u2019m about to share the code with you to install a complete conversion tracking solution for each major platform using pixels, but before you go down that road, let me encourage you to use Shopify apps to make your life easier. Lots of apps already exist to install GA4, Google Ads, Facebook, etc. (including checkout events and purchase conversions).<\/p>\n\n\n\n<p>I wouldn\u2019t recommend manually writing conversion tracking scripts unless<\/p>\n\n\n\n<ol>\n<li>You are dealing with legacy code and need to preserve pre-existing functionality<\/li>\n\n\n\n<li>You have highly custom conversion tracking needs<\/li>\n<\/ol>\n\n\n\n<p>WIth that out of the way, here is the code:<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/github.com\/Digital-Position-Team\/conversion-tracking-scripts\/blob\/main\/custom-script-all-pages.js\">Add a custom script to all pages with Shopify Pixels<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/Digital-Position-Team\/conversion-tracking-scripts\/blob\/main\/custom-script-checkout-pages.js\">Add a custom script to checkout pages with Shopify Pixels<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/Digital-Position-Team\/conversion-tracking-scripts\/blob\/main\/google-ads-shopify-pixels.js\">Google Ads conversion tracking with Shopify Pixels<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/Digital-Position-Team\/conversion-tracking-scripts\/blob\/main\/google-analytics-shopify-pixels.js\">Google Analytics (GA4) conversion tracking with Shopify Pixels<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/Digital-Position-Team\/conversion-tracking-scripts\/blob\/main\/gtm-datalayer-shopify-pixels-full.js\">Google Tag Manager (GTM) with Data Layer using Shopify Pixels<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/Digital-Position-Team\/conversion-tracking-scripts\/blob\/main\/meta-ads-shopify-pixels.js\">Meta (Facebook) Ads conversion tracking with Shopify Pixels<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/Digital-Position-Team\/conversion-tracking-scripts\/blob\/main\/microsoft-ads-shopify-pixels.js\">Microsoft Ads conversion tracking with Shopify Pixels<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Note about GTM<\/strong><\/h3>\n\n\n\n<p>GTM installed within Shopify pixels will not function the same as one installed using <strong>theme.liquid<\/strong>. This is because Shopify pixels run in a sandbox environment. Scripts that run in Shopify pixels cannot modify or scrape content from your website and can only be used for conversion tracking.<\/p>\n\n\n\n<p>If you currently have GTM installed on your site and would like to make sure that your checkout related tags continue to fire, you can use this version to <a href=\"https:\/\/github.com\/Digital-Position-Team\/conversion-tracking-scripts\/blob\/main\/gtm-shopify-pixel-checkout-pages.js\">install GTM ONLY on checkout pages<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to install Shopify pixels<\/strong><\/h2>\n\n\n\n<p>So how do you actually use the code? Go to Settings &gt; Customer events to see the Shopify pixels interface. (If the option is grayed out you will need to be granted access)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"628\" height=\"362\" src=\"https:\/\/www.digitalposition.com\/resources\/blog\/wp-content\/uploads\/2024\/04\/how-to-install-shopify-pixel.jpg\" alt=\"\" class=\"wp-image-1677\" srcset=\"https:\/\/www.digitalposition.com\/resources\/blog\/wp-content\/uploads\/2024\/04\/how-to-install-shopify-pixel.jpg 628w, https:\/\/www.digitalposition.com\/resources\/blog\/wp-content\/uploads\/2024\/04\/how-to-install-shopify-pixel-300x173.jpg 300w\" sizes=\"(max-width: 628px) 100vw, 628px\" \/><\/figure><\/div>\n\n\n<p>From here you can manage your pixels and create new ones. Pixels created by Apps will also appear here.<\/p>\n\n\n\n<p>After creating a pixel, you can connect \/ disconnect it to enable or disable it.<\/p>\n\n\n\n<p>Note that if you make a change to the code of a pixel, you will need to disconnect and reconnect before the changes take effect.<\/p>\n\n\n\n<p>One tricky part with Shopify pixels is that they only support pure javascript. Lots of conversion tracking platforms have HTML tags in their standard pixel code. That\u2019s no problem though as you can still achieve the same functionality in JavaScript. Take a standard gtag base pixel for example:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!-- Global site tag (gtag.js) - Google Ads: AW-EXAMPLE \u2192\n&lt;script async=\"\" src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-EXAMPLE\">&lt;\/script>\n&lt;script>\n\u00a0 window.dataLayer = window.dataLayer || [];\n\u00a0 function gtag(){dataLayer.push(arguments);}\n\u00a0 gtag('js', new Date());\n\n\u00a0 gtag('config', 'AW-EXAMPLE');\n&lt;\/script><\/pre>\n\n\n\n<p>In Shopify pixels you would write:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">const script = document.createElement(\"script\");\nscript.setAttribute(\"src\", \"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-EXAMPLE\");\nscript.setAttribute(\"async\", \"\");\ndocument.head.appendChild(script);\n\nwindow.dataLayer = window.dataLayer || [];\nfunction gtag() {\n\u00a0 dataLayer.push(arguments);\n}\n\ngtag(\"js\", new Date());\ngtag(\"config\", \"AW-EXAMPLE\");<\/pre>\n\n\n\n<p>This works, but is absolutely a pain to rewrite all of your conversion tracking if it\u2019s already set up and working. Thankfully our <a href=\"https:\/\/github.com\/Digital-Position-Team\/conversion-tracking-scripts\">code examples<\/a> have done most of the heavy lifting, and you are free to use and modify to suit your needs. ChatGPT is always available too and is pretty good at transposing code from one language to another.<\/p>\n\n\n\n<p>We\u2019ve just barely scratched the surface, but hopefully this gives you a starting point. Please mark your calendar for 8\/13\/24 and don\u2019t wait until the last minute.<\/p>\n\n\n\n<p>I won\u2019t pretend like it\u2019s a simple thing to migrate to Shopify&#8217;s Checkout Extensibility, for a digital marketing agency like us, big sweeping changes to platforms like this is nightmare fuel.<\/p>\n\n\n\n<p>We developed the spreadsheet and code examples in this guide to help our clients migrate to Shopify&#8217;s Checkout Extensibility, and if you feel like you\u2019re in over your head and don\u2019t know what to do next, we can do the same for you!<\/p>\n\n\n\n<p>Don\u2019t hesitate to <a href=\"https:\/\/www.digitalposition.com\/book-your-call\" data-type=\"link\" data-id=\"https:\/\/www.digitalposition.com\/book-your-call\">reach out<\/a> if you have any questions or would be interested in having professional support.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Edit 8\/4\/2025: We&#8217;ve just published a post with new updates &amp; a revised plan to help you through this migration. Read the updated post. If you missed the deadline on 8\/13\/24, read Shopify&#8217;s statement on the impact of missing the August 13, 2024 deadline. A big change is coming to Shopify and you need to&#8230;<\/p>\n","protected":false},"author":6,"featured_media":1678,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,3],"tags":[],"thumbnail_src":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-content\/uploads\/2024\/04\/DALL\u00b7E-2024-04-11-08.51.08-A-sleek-futuristic-visual-representation-of-a-digital-transition-focusing-on-a-Shopify-checkout-upgrade-without-any-textual-elements.-The-image-fea-300x300.webp","thumbnail_medium_src":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-content\/uploads\/2024\/04\/DALL\u00b7E-2024-04-11-08.51.08-A-sleek-futuristic-visual-representation-of-a-digital-transition-focusing-on-a-Shopify-checkout-upgrade-without-any-textual-elements.-The-image-fea-768x768.webp","featured_image_src":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-content\/uploads\/2024\/04\/DALL\u00b7E-2024-04-11-08.51.08-A-sleek-futuristic-visual-representation-of-a-digital-transition-focusing-on-a-Shopify-checkout-upgrade-without-any-textual-elements.-The-image-fea.webp","author_avatar_src":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-content\/uploads\/2024\/09\/jordan1.webp","author_name":"Jordan Lagan","category_labels":["PPC","SEO"],"tag_labels":[],"_links":{"self":[{"href":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-json\/wp\/v2\/posts\/1675"}],"collection":[{"href":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-json\/wp\/v2\/comments?post=1675"}],"version-history":[{"count":10,"href":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-json\/wp\/v2\/posts\/1675\/revisions"}],"predecessor-version":[{"id":3000,"href":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-json\/wp\/v2\/posts\/1675\/revisions\/3000"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-json\/wp\/v2\/media\/1678"}],"wp:attachment":[{"href":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-json\/wp\/v2\/media?parent=1675"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-json\/wp\/v2\/categories?post=1675"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digitalposition.com\/resources\/blog\/wp-json\/wp\/v2\/tags?post=1675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}