Please note: We have an automatic install option for Shopify if you're using our Shopify App. If you don't want to install your campaign manually then simply go here to read the instructions.

Jump to directions: Full Page | Widget | Lightbox

Full Page

1) Add a Template

In your Shopify admin panel go to:
Online Store > Themes

Under your current theme click Actions > Edit code.


Under Templates, click Add a new template.

In the popup select Page and call it whatever you want, like sweepstakes and then click Create Template.

2) Add code to the template

Once your template is created, delete everything in the box and copy this in at the top:

{%layout none%}

Next, copy the code for the ViralSweep Full Page within your ViralSweep dashboard under

Install > Manually Install

Paste the ViralSweep code below {%layout none%}. Then click Save.

Your template should look similar to this (with your own ViralSweep code).

3) Add a Page

In your Shopify admin panel go to:

Online Store > Pages.  Click Add Page.

On the right side under Template, choose the template you just created. For this example, ours was page.sweepstakes. 

Click Save.

4) You're done!

You can now click the preview button or you can navigate to the page URL to see your campaign.

Widget

1) Copy Code

In your ViralSweep dashboard go to:

Install > Manually Install > Widget.

Copy the code.

2) Add code to a Page

In your Shopify admin panel go to:

Online Store > Pages.  Click Add Page.

Add a page title.

Click the HTML/code <> button on the right side of the content editor and paste in the widget code for your giveaway. Click Save.

If you want to center the widget on the page, include center tags around the code, like this:

<center>code here</center>

3) You're done!

You can now click the preview button or you can navigate to the page URL to see your campaign.

Lightbox

1) Copy code

In your ViralSweep dashboard go to:

Install > Manually Install > Lightbox.

Copy the code.

2) Add to a Template

In your Shopify admin panel go to:
Online Store > Themes

Under your current theme click Actions > Edit code.

If you want to add the lightbox to your homepage, find index.liquid under your template files and paste in the code at the bottom of the file.

If you want to add the lightbox to every page, click on theme.liquid at the top under Layout and paste in the code at the bottom of the file.

3) You're done!

You can now click the preview button or you can navigate to the page URL to see your campaign.

If you've added the lightbox code and you are not seeing it when you view the page, it may be because you've already seen the lightbox previously. The lightbox will place a cookie and once you've seen it, it won't display again. To view it, simply open a different browser or view the page in private browsing or incognito mode and you will see it.

We're here to help

Still having trouble with adding your promotion to Shopify? Simply click the support or live chat icon to get in touch with us.