Please note: We have an automatic install option for Shopify, so you do not need to install your campaign manually. Simply go here to read the automatic installation instructions.

Jump to directions: Full Page | Widget | Lightbox

Full Page

1) Add a new page

Navigate to your Shopify dashboard, and click the 'Pages' tab from the menu. Click the Add Page button. Under ‘Title’ put in a page name. For us, we’re going to name it ‘Sweepstakes’. Once you name it, click the ‘Save’ button.

2) Add a Template

Navigate to your Shopify dashboard, and click the 'Themes' tab from the menu and navigate to the template editor. Once in the template editor, click add a new template.

Next, you'll want to select 'Page' from the drop down menu, and then type in your template name. Click 'Create Template'. Then you'll want to delete everything that shows up in the template box, and replace it with:

{%layout none%}

Once you do that, go to ViralSweep, copy the code for your full page giveaway and paste it below {%layout none%}. Then click 'Save'.

3) Apply the template

Go back to 'Pages' and click on the page we made earlier (we named ours 'Sweepstakes'). Scroll to the bottom of the page and under Template, select the template we just made and click 'Save'.

4) You're done!

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

Widget
1) Go to your pages

Navigate to your Shopify dashboard, and click the 'Pages' tab from the menu. From here you can either edit an existing page, or create an entirely new page. For the purpose of this demo, we're going to create a new page.

Click the Add Page button. Under ‘Title’ put in a page name. For us, we’re going to name it ‘Sweepstakes’. Click the HTML button on the right side of the content editor and paste in the widget code for your giveaway. Click 'Save'.

2) You're done!

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

Lightbox

1) Navigate to your Shopify dashboard, and go to the template editor. Choose the template file that you want to edit. For example, if you want to add the lightbox to just your homepage, you'll want to edit index.liquid. If you want to add the popup to your entire site, you'll want to edit theme.liquid.

2) Scroll to the bottom of the template file that you want to add the code to and paste in the code for the lightbox. Click 'Save'.

3) You're done! Navigate to your homepage and you should see the sweepstakes load over your content.

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.