Shopify Manual Install

Avatar

By Giancarlo

updated 3 months ago

We offer free installation to your Shopify store if you do not want to do this yourself. Contact us using the live chat in the lower right corner and we can assist you.

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 to Shopify Auto Install.

Skip to: Full Page Install | Widget Install | Lightbox Install

Full Page

In your Shopify admin panel go to: 

Online Store > Themes > 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.

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).

Next,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. You're done!

Widget

In your ViralSweep dashboard go to:

Install > Manually Install > Widget > Copy Code

In your Shopify admin panel go to:

Online Store > Pages > Add Page

Add a page title.

Click the Show HTML < > button on the right side of the editor and paste in the Widget code. 

If you want to center your Widget on the page, add HTML center tags around our code:

<center>code here</center>

Click Save. You're done!

Lightbox

In your ViralSweep dashboard go to:

Install > Manually Install > Lightbox > Copy Code

In your Shopify admin panel go to:

Online Store > Themes > 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, find theme.liquid at the top under Layout and paste in the code at the bottom of the file.

You're done!


We're here to help

If you have any further questions, please start a Chat. Just "Click" on the chat icon in the lower right corner to talk with our support team.

Did this answer your question?