Shopify Conversion Tracking Pixel

Learn how to install a custom event conversion tracking pixel in the Shopify Customer Events manager

In order to complete this installation you will need the Creatable account ID from the dashboard. You can find this by clicking the icon in the upper right cover with your mouse.

Once you have this, we can get started!

Create a custom pixel

Step 1: In your Shopify admin, navigate to the Settings at the bottom right.

Step 2: Click on “Customer events”.

Step 3: Click “Add custom pixel”.

Step 4: Name the pixel and click “Add pixel”. Now we finish the pixel setup.

Step 5: Open the “Data sale” collapser in the “Customer privacy” section and choose “Data collected does not qualify as data sale”. This means that the pixel will fire to collect the conversion event, even if the customer has opted out.. Your data is always safe with us and we do not store and PII about your customers.

Step 6: Copy and paste the following code into the code section. Be sure to replace YOUR_ACCOUNT_ID with the ID we collected from the beginning of this document.

analytics.subscribe("checkout_completed", (event) => {

  (function() {
    var tvpa = document.createElement('script'); 
    tvpa.type = 'text/javascript'; 
    tvpa.async = true;
    tvpa.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'a.tvpage.com/tvpa.min.js';
    let s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(tvpa, s);
  })();
  
  var _tvpa = _tvpa || [];
  _tvpa.push(['config', {
    li: "YOUR_ACCOUNT_ID" // Creatable Account ID
  }]);
  
  let tid = event.data?.checkout?.order?.id;
  let products = event.data?.checkout?.lineItems.map((item) => { 
    return {
      sku: item.product_id, 
      price: item.price, 
      quantity: item.quantity 
    } 
   });

  let orderData = {};
  orderData.tid = tid;
  orderData.orders = products;

  _tvpa.push(['track', 'products', orderData]);
  
});

Step 7: Click “Save” in the top bar.

Step 8: Now, at the bottom of the page, click “Connect”.

Step 9: Click “Connect”. 

Step 10: You’re done. The Creatable conversion tracking pixel is installed and activated.

If you have any question, please feel free to reach out to support@creatable.io.