Connect Shopify Checkout Extensibility to Monetate

this content is for monetate clients that are also shopify plus clients shopify has announced that on august 13, 2024, it will no longer support its checkout liquid layout on its clients' information, shipping, and payment checkout pages furthermore, on august 28, 2025, it will no longer support checkout liquid on its clients' "thank you" and order status pages as well as turn off apps using script tags and additional scripts under the post purchase and order status pages therefore, any shopify plus client that customizes its checkout flow using checkout liquid must upgrade to shopify's checkout extensibility platform features suite see shopify's checkout extensibility upgrade documentation for the prerequisites and steps to upgrade from checkout liquid to checkout extensibility in addition to moving its checkout flow customizations from checkout liquid to checkout extensibility, each monetate—shopify plus client must also create a custom pixel to implement code that tracks all product added to cart and checkout completed events and sends the appropriate data to monetate before publishing your draft checkout profile created using checkout extensibility, follow these steps to create a custom pixel containing code to send customer data from shopify to monetate click settings in shopify admin callout of the settings option in the left hand navigation of shopify admin click customer events on the settings panel "callout of the 'customer events' option in the left hand navigation of the settings panel of shopify admin click add custom pixel callout of the 'add pixel' button on the 'customer events' panel of the shopify admin settings in the add custom pixel modal, type a descriptive name into pixel name , and then click add pixel callout of the 'pixel name' field and of the 'add pixel' button on the 'add custom pixel' modal of the 'customer events' panel of the shopify admin settings copy and paste the connect shopify checkout extensibility to monetate into the code editor and then click save callout of the save button for the code editor on the 'customer events' panel of the shopify admin settings click connect callout of the connect button on the 'customer events' panel of the shopify admin settings click connect in the advisory modal callout of the connect button on the custom pixel advisory modal of the 'customer events' panel of the shopify admin settings because shopify's custom pixels run in a sandbox environment , the data passed to monetate through a custom pixel isn't visible in monetate inspector however, you can view on your monetate account's platform dashboard analytics based on the data sent from shopify code sample copy and paste this code into the code editor of the custom pixel this code doesn't account for any discounts you may offer on your site you may need to customize this code to track discounts code to track all product added to cart and checkout completed events var monetatet = new date() gettime(); const script = document createelement('script'); script type = 'text/javascript'; script src = '//se monetate net/js/2/a b099aae4/p/monetate demo site myshopify com/entry js'; const target = document getelementsbytagname('script')\[0]; target parentnode insertbefore(script, target); window\ monetateq = window\ monetateq || \[]; analytics subscribe('product added to cart', (event) => { const lineitem = event data cartline; window\ monetateq push(\[ 'addcartrows', \[{ productid lineitem merchandise product id, quantity lineitem quantity, unitprice lineitem merchandise price amount, sku lineitem merchandise sku, currency lineitem merchandise price currencycode, }, ], ]); window\ monetateq push(\['trackdata']); }); analytics subscribe('checkout completed', (event) => { const lineitems = event data checkout lineitems; const purchaseditems = lineitems map((lineitem) => { return { purchaseid event data checkout order id, productid lineitem variant product id, quantity lineitem quantity, unitprice lineitem variant price amount, sku lineitem variant sku, currency lineitem variant price currencycode, }; }); window\ monetateq push(\['setpagetype', 'purchase']); window\ monetateq push(\['addpurchaserows', purchaseditems]); window\ monetateq push(\['trackdata']); });