Note: This guide only covers Shopify Online Store. Other sales channels such as “Buy Button” and ReCharge are not supported.

Shopify App Store!

You can view our instruction video on how to integrate through app installation or follow the written guide below the video.
Embedded content: https://www.loom.com/share/6b4066b68eef48649abcab1f2f7c21d7

Step-by-step integration guide

1. Go to Tapfiliate’s app page in Shopify’s app store, and click Add app.
   

2. You’re asked to either create a new Tapfiliate account or link to an existing account.

Link to existing account:

Enter your account’s subdomain (you can see it in your browser’s address bar), and click Log in to an existing account.

Important note: You can only add one Shopify shop per single Tapfiliate account. So if you have a Shopify shop already connected to Tapfiliate, you need to create a new Tapfiliate account instead of linking the old one.

Link to new account:

Select a new subdomain name for your unique Tapfiliate space, and click Create a new Tapfiliate account. Shopify will generate a payment plan for you, that you need to approve in your Shopify account admin panel. Your Tapfiliate free trial will start immediately, and you will not pay until the 14-day free trial is over.

That’s it - now you’re ready to start setting up your affiliate, referral or influencer tracking program!

Shopify code-based integration

It’s also possible to integrate Tapfiliate into your Shopify shop by manually adding the JS code. This method of integration was in use before May 2022. Although it is no longer our primary method of integration, it is still working.

You can view our tutorial on how to set up your code-based Shopify integration or follow the written guide below the video.

Embedded content: https://www.loom.com/share/d1e3f885844f4292bc5201f42e5260fa

Step-by-step integration guide

1. In your shop’s admin environment, please go to: App and Sales Channels > Open Sales Channels > click on Actions > Edit Code
   

2. Select the theme.liquid file in the layouts folder. Add the following code, just before the </head> tag.

   <script src="https://script.tapfiliate.com/tapfiliate.js" type="text/javascript" async></script>
   <script type="text/javascript">
       (function(t,a,p){t.TapfiliateObject=a;t[a]=t[a]||function(){
       (t[a].q=t[a].q||[]).push(arguments)}})(window,'tap');
   
       tap('create', '((((YOUR ACCOUNT ID))))', { integration: "shopify" });
       tap('detect');
   </script>
   

   {{{{NO_ACCOUNT_ID_SET_MESSAGE}}}}

3. Hit save

4. Next, in your shops admin environment, go to:  Settings > Checkout > Scroll down to the Order status page scripts block, and paste in the following code:

   {% if first_time_accessed %}
   <script src="https://script.tapfiliate.com/tapfiliate.js" type="text/javascript" async></script>
   <script type="text/javascript">
       (function(t,a,p){t.TapfiliateObject=a;t[a]=t[a]||function(){
       (t[a].q=t[a].q||[]).push(arguments)}})(window,'tap');
   
       tap('create', '((((YOUR ACCOUNT ID))))', { integration: "shopify" });
       tap('conversion', '{{ order_number }}', {{ order.subtotal_price }}/100, {
           coupons: {{ order.discounts | map: 'code' | json }},
           currency: "{{ order.currency }}",
           customer_id: "{{ order.email }}",
       });
   </script>
   {% endif %} 
   

   {{{{NO_ACCOUNT_ID_SET_MESSAGE}}}}

5. Hit save and you are all done!

Important

Please remember to test a conversion before starting your program. This way you can verify that tracking has been set up correctly. You can create a test conversion by following the steps described here.