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.

  1. Click Settings in Shopify admin.

    Callout of the Settings option in the left-hand navigation of Shopify admin

  2. 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

  3. Click Add custom pixel.

    Callout of the 'Add pixel' button on the 'Customer events' panel of the Shopify admin settings

  4. 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

  5. Copy the following code and paste it into the code editor.

    This code doesn't account for any discounts you may offer on your site. You may need to customize this code to track discounts.

    var monetateT = new Date().getTime();
    const script = document.createElement('script');
    script.type = 'text/javascript';
    script.src =
    const target = document.getElementsByTagName('script')[0];
    target.parentNode.insertBefore(script, target);
    window.monetateQ = window.monetateQ || [];
    analytics.subscribe('product_added_to_cart', (event) => {
      const lineItem =;
          quantity: lineItem.quantity,
          unitPrice: lineItem.merchandise.price.amount,
          sku: lineItem.merchandise.sku,
          currency: lineItem.merchandise.price.currencyCode,
        }, ],
    analytics.subscribe('checkout_completed', (event) => {
      const lineItems =;
      const purchasedItems = => {
        return {
          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]);
  6. Click Save.

    Callout of the Save button for the code editor on the 'Customer events' panel of the Shopify admin settings

  7. Click Connect.

    Callout of the Connect button on the 'Customer events' panel of the Shopify admin settings

  8. 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.