How to Install the Conversion Pixel on Shopify
How To Install The Conversion Pixel on Shopify
Let’s learn how to install the Ampry conversion pixel to Shopify and track those conversions!
STEP ONE: FIND YOUR CONVERSION PIXEL
Find your events tab that we’ve been working in; click on the edit button for your Sales Event that you have created; click on the “Track By Conversion Pixel” option and click on “Javascript” just below it.
STEP TWO: COPY THE CODE
Click on the blue copy button to the right of the code and hit save.
STEP THREE: GO TO SHOPIFY
Open Shopify and go to the settings, located at the bottom left of your screen. In the settings menu, hit “Checkout” and scroll down until you see the “Order Status Page” with the box below it.
STEP FOUR: PASTE THE CODE
In this box titled “Additional Scripts,” we will add the Ampry conversion pixel. You can paste your copied code anywhere in the box, as long as it’s not in the middle of another script.
STEP FIVE: ADD THE MISSING PIECE
Because different sites track revenue differently, Ampry doesn’t generate that revenue amount in the code. You’ll have to add this in manually. Just copy and paste from this article!
&rev={{ total_price | money_without_currency }}
This is the code for Shopify; just paste it in after the part of the code that goes like this: event_id. This little piece of code will help make sure that our revenue tracking is accurate for your Shopify site! Let's take an example of what this might look like with a potential completed code:
<!-- Conversion Javascript Pixel --> <script type=“text/javascript” src=“//renderer.ampry.com/register/conversion/pixel/?pixel_code=83c4f51a92e85c1f9a9c1682eebb01f8a4a3fa&view=true&event_id=624d61bad5c265f29f0ebd4d&rev={{ total_price | money_without_currency }}"></script> <!--END Conversion Javascript Pixel -->
STEP SIX: SAVE YOUR WORK
Once you’ve copied in the full code, scroll to the bottom of the Shopify page and hit save. You’re free to close out and start tracking. Great job!