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 do not have this file and only see JSON files, see below.
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!
To add the lightbox to a theme that has JSON files, you need to follow these steps:
1) In the code editor, go to the sections and click add a new section. Select liquid and name it whatever you want, like customcode.liquid.
2) Paste in the following code:
<div class="container">
{{ section.settings.custom_code }}
</div>
{% schema %}
{
"name": "Custom code",
"settings": [
{
"type": "html",
"id": "custom_code",
"label": "Custom code"
}
],
"presets": [
{
"name": "Custom code"
}
]
}
{% endschema %}
3) Next, go to your theme customizer, add a section, type in custom code, and it will bring up the section we added.
On the right side, paste in the lightbox script under the custom code section and save it.
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.