Refer a Friend + Shopify

How to install your Refer a Friend campaign in your Shopify e-commerce store

Fivos Stergiannis avatar
Written by Fivos Stergiannis
Updated over a week ago

NEW: Before reading this documentation make sure you check our video tutorial for our new "Word of Mouth Sales" Story that is specifically created for Shopify stores. This way you'll get a more seamless integration with the referral widgets, plus you'll skip the Javascript code installation:

__________________________________________________________

After you create your campaign in Viral Loops using Refer a Friend template, from your home page on Shopify, you select "Online store":

and then you select "Pages":


In the Refer a Friend template, you have 2 options regarding your widgets, you may go either using the In-app widget or the embeddable widgets.

👉 If you want to install the In-app Referral widget 


First of all, you set a title for your page and then, on the content area, you select the top right button "Show HTML":

There, paste the campaign Javascript snippet like so:

Then, on the right corner, select the template where you want to add your campaign, select "Save" and you're ready!

👉 If you want to install the Form + Rewards widgets


Again, you set a title for your page and then, on the content area, you select the top right button "Show HTML":

Then, you will have to copy and paste the following Snippet to embed the Form Widget:
                        <div data-vl-widget="embedForm"></div> 

and this Snippet to embed the Reward Widget:
                       <div data-vl-widget="rewardStats"></div> 


Finally, you will have to copy and paste the Javascript snippet of your campaign:

Lastly, on the right corner, select the template where you want to add your campaign, select "Save" and you're ready!


Did this article help you? Let us know!

Did this answer your question?