Shopify has a built-in, easy way for you to implement a sales tracking pixel without the need for a web developer.

What is a pixel?

A pixel is a snippet of code that you will place on your Shopify order confirmation page. When a customer clicks on an ambassador link and eventually purchases something, the pixel will load and communicate back to Aspire:

  • that the sale was made

  • the sales $ amount

Aspire then associates the sale with your offer and ambassador. Aspire only receives sales data from customers that click on an Aspire-generated tracking link.

How do I add a pixel to my Shopify store?

Once you create a link tracking offer in the Sales Tracking App on Aspire, click on "Instructions" below the offer name.

Here you will see a snippet of code called a pixel that looks like this:

Directions:

1. Copy your sales pixel and replace the word "AMOUNT" with {{ total_price | money_without_currency}}. This field is where Shopify sends in the customer purchase amount.

Advanced option: Shopify has various tags (listed here) you can use in lieu of total_price, such as sending subtotal. You can replace with an order total tag of your choosing. We recommend you only do this if you're familiar with Liquid tag usage.

2. Now your code should look something like this (example below). Copy the final version of your code.

Optional: By default, Aspire only tracks the first conversion for a customer within a 30 day window. What this does is ensure we don't track page reloads (ie: the customer goes back to the order confirmation page to check their order status) as a second purchase. However, you can also add logic as recommended by Shopify here. This is optional because Aspire already prevents duplicates.

3. Navigate to your Shopify store and go to Settings. Then, click on "Checkout."

4. Scroll down to Order Status Page, then paste the final version of your code into the box below Additional scripts.

5. Click Save, and you're done!

📌 Important note: If you have a custom post-purchase page on your website, you'll need to set up tracking scripts on both the post-purchase page and the order status page.

Grab the pixel you copied above and enter it on the "post-purchase page". Then, follow the steps below to add a script to your "order status page".

To avoid counting conversion events twice, you can use the post_purchase_page_accessed liquid variable in scripts that run on the order status page.

If a customer lands on the post-purchase page and then navigates to the order status page, then the post_purchase_page_accessed variable returns true. If a customer doesn't arrive at the post-purchase page, then the variable returns false.

For example, you can use the following format for your scripts on the order status page:

{% unless post_purchase_page_accessed %} <script> //insert your tracking script </script> {% endunless %}


For further information, check out this documentation from the Shopify Help Center!

If you have any questions, please reach out to our Support Team at help@aspireiq.com.

Did this answer your question?