This documentation will show you how to take any ViralSweep sweepstakes template and integrate it into your Volusion site.
These steps will show you how to integrate the full page giveaway style into your Volusion site.
In order for the full page to properly function on Volusion, you will need to add the code to a blank HTML file and upload it via FTP. This file will not contain your site template such as your navigation or footer. Skip to the section for integrating the widget if you want your site template to display around the giveaway.
1) Create the sweepstakes file
Navigate to your ViralSweep dashboard, click 'Get Code' on your giveaway, and copy the code for the full page. Paste the code for the full page giveaway onto a blank HTML file. Save the file with any name you would like, using the .html extension. For this demo, we've named our file 'giveaway.html'
2) Access My Volusion
3) Connect via FTP
Once connected, you will want to navigate to the folder containing your site template:
Navigate to: vspfiles > templates > 240 [you need to choose the proper template file; for this demo ours is 240].
To find which template you are using, login to your Volusion Admin panel and click Design > Template > Edit HTML and on the right side you will see 'Template files' with the applicable number.
4) Upload the file via FTP
Now that you are in the appropriate template folder, you will need to upload your file by dragging it in. Check out the animation below to see how it is uploaded:
5) You're done!
You simply need to change 'yoursite.com' to your own URL, then change '240' to your template number, then change 'giveaway.html' to the name of the file you uploaded. Once you visit that URL, you should see the full page giveaway.
1) Access your site content
Now click on 'View List' on the right side.
Then click the '+ Add' button that appears on the left side.
2) Create your page
Now click the button under the Article Body section. This is the HTML button that will allow us to paste in our code.
3) You're done!
Click the 'View Live' button to preview the page and you will see the widget on your page. Feel free to come back and edit this page to add a title and other text.
1) Access your template files
Navigate to Design > Template.
Now click on 'Edit HTML'.
2) Paste in the code
3) You're done!
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.
Still having trouble with adding your sweepstakes to Volusion? Simply click the support or live chat icon to get in touch with us.