Conversion Tracking

Yotpo Conversion Tracking gives you in-depth analytics to track the ROI (Return On Investment) on your Yotpo account. You can use this tool to increase revenues by learning which marketing channels are driving traffic and sales to your store via your reviews.

In this article, you'll learn how to install the conversion tracking code so that you can start tracking conversions.

How it works

As soon as a customer interacts with Yotpo Reviews on-site widgets, a session is created to track whether the same customer completes a purchase in your store.

The monitored widgets include:

• The Reviews Widget
• Star Rating
• Q&A Widget
• Reviews Carousel
• Reviews Tab
• On-site Galleries

Once the Yotpo conversion tracking system script is added to your checkout page, Yotpo collects the order ID, order amount, and currency and sends the data to Yotpo upon checkout.

Installing the conversion tracking code

Follow the instructions for your eCommerce platform:

Shopify

1. Log in to your Shopify account, and, in the main menu, go to Settings.
2. Click Checkout > Order Status Page.
3. Click Additional Scripts.
4. Paste the following code in the box:
   JavaScriptJavaScript

   <script type="text/javascript">(function e(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="//staticw2.yotpo.com/##APP_KEY##/widget.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
   <script>yotpoTrackConversionData = {source:"pixel_v2", platform:"shopify", orderId:"{{order_id}}", orderNumber:"{{order_number}}", orderName:"{{order_name|handleize}}", orderAmount:"{{subtotal_price|money_without_currency}}", orderCurrency:"{{shop.currency}}"}</script>
   
   <noscript><img src="//api.yotpo.com/conversion_tracking.gif?app_key=##APP_KEY##&source=pixel_v2&platform=shopify&noscript=1&order_id={{order_id}}&order_number={{order_number}}&order_name={{order_name|handleize}}&order_amount={{subtotal_price|money_without_currency}}&order_currency={{shop.currency}}" width="1" height="1"></noscript>

5. Replace both##APP_KEY## portions of the code above with your store's Yotpo app key.
   
   Important:

   Make sure to replace the two ##APP_KEY## portions of the code with the app key from your account. Can't find your app key? Click here
6. Click Save.
   
   Tip:

   We recommend that you make a test order to check the installation.

WooCommerce

Conversion Tracking is installed automatically when using extension version 1.1.5 and higher.

If you are using an earlier version, please update it.

BigCommerce

1. Copy the following code:
   JavaScriptJavaScript

   <script type="text/javascript">(function e(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="//staticw2.yotpo.com/{{APP_KEY}}/widget.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script><script>yotpoTrackConversionData = {orderId: "%%ORDER_ID%%", orderAmount: "%%ORDER_AMOUNT%%", orderCurrency: "USD"}</script><noscript><img src="//api.yotpo.com/conversion_tracking.gif?app_key={{APP_KEY}}&order_id=%%ORDER_ID%%&order_amount=%%ORDER_AMOUNT%%&order_currency=USD" width="1" height="1"></noscript>
   

   Please note:

   BigCommerce only allows USD currency in the Conversion Tracking. If your store's currency is not USD, replace it with the correct value. Learn about in the BigCommerce Help Center

   
   

2. In your BigCommerce admin, go to Advanced Settings > Web Analytics
3. Check the box next to Affiliate Conversion Tracking
4. Click the Save button at the bottom of your screen
5. Click on the Affiliate Conversion Tracking  tab paste your code into the Conversion Tracking Code box:
6. Replace both {{APP_KEY}} portions of the code above with your store's Yotpo APP Key
   
   Important:

   Make sure to replace the two {{APP_KEY}} portions of the code with the App Key from your account.
   Can't find your App Key? Click here
7.  Click the Save button at the bottom of your screen
   
   Tip:

   We recommend that you make a test order to check the installation.

Adobe Commerce (formerly Magento)

In order to install Conversion Tracking correctly, pay attention to your Yotpoextension version:

Adobe Commerce 1

Conversion Tracking is installed automatically when using extension version 1.6.5 and higher.

If you are using an earlier version, please update it. 

Adobe Commerce 2

Conversion Tracking is installed automatically when using extension version 2.0.4 and higher.

If you are using an earlier version, please update it.

Volusion

1. Log in to your Volusion Admin panel
2. Open the Design menu
3. Select Site Content
4. Locate the article with ID #130, which should be titled OrderFinished.asp:

5. Click
6. Paste the following code into the Article Bodyfield:
   JavaScriptJavaScript

   <script type="text/javascript">(function e(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="//staticw2.yotpo.com/{{APP_KEY}}/widget.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script><script>yotpoTrackConversionData = {orderId: "{order_id}", orderAmount: "{sum}", orderCurrency: "{shop_currency}"}</script><noscript><img src="//api.yotpo.com/conversion_tracking.gif?app_key={{APP_KEY}}&order_id={order_id}&order_amount={sum}&order_currency={shop_currency}" width="1" height="1"></noscript>
   

7. Replace both {{APP_KEY}} portions in the code above with your store's Yotpo APP Key
   
   Important:

   Make sure to replace the two {{APP_KEY}} portions of the code with the App Key from your account.
   Please note that the brackets must be removed as well.
   Can't find your App Key? Click here
8. Click the Save button at the top of your screenTip:Yotpo recommends that you make a test order to check the installation.

Salesforce Commerce (formerly known as Demandware)

Conversion Tracking should be added to “confirmation page” of your store.

In order to enable Conversion Tracking, add the following code snippet to the confirmation page (i.e. at the end of confirmation.isml ): 

<isyotpoconversiontracking order="${pdict.Order}" />

Generic Installation (all other platforms)

In order for the Conversion Tracking to work, ensure the following code is loaded at the completion of each purchase, in the confirmation page:

<script type="text/javascript">(function e(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="//staticw2.yotpo.com/{{APP_KEY}}/widget.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script><script>yotpoTrackConversionData = {orderId: "######ORDER_ID######", orderAmount: "######ORDER_AMOUNT#####", orderCurrency: "######ORDER_CURRENCY#####"}</script><noscript><img src="//api.yotpo.com/conversion_tracking.gif?app_key={{APP_KEY}}&order_id=######ORDER_ID######&order_amount=######ORDER_AMOUNT#####&order_currency=######CURRENCY######" width="1" height="1"></noscript>

Next steps

Once the conversion tracking code was added to your store and the relevant on-site widgets are in place, you can monitor the performance of your reviews with the Conversion Dashboard.