This documentation will show you how to take any ViralSweep sweepstakes template and integrate it into your Magento site.
This documentation refers only to the installation of ViralSweep within the Magento Community Edition (Open Source/CE)
In order for the full page to properly function on Magento, 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 sweepstakes.
1) Create the sweepstakes file
Navigate to your ViralSweep dashboard, click Install 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 'sweepstakes.html'.
2) Connect via FTP
Now you will want to connect to your site via FTP. There are a variety of programs you can use to connect via FTP. For this example, we'll be using FileZilla. Once connected, you will want to navigate to where your Magento site files are located.
3) Create a directory
Create a new directory where your other Magento directory files are. For this example, we're going to name our directory 'sweepstakes'.
4) Upload file via FTP
Double click on the new directory you created, and then drop in the HTML file you created containing the ViralSweep code. That's it, you're done! To preview the sweepstakes, simply navigate to the URL of where it was uploaded.
1) Copy ViralSweep Code
2) Edit or add a Magento page
3) Add the widget code
3) Save and finish
1) Copy ViralSweep code
2) Add lightbox code to a specific page
To add them to a specific page, just follow the directions above for integrating the widget. The same steps apply, you just need to find the page you want to add the popup or lightbox to, click the HTML button on the editor, and paste in the code. Navigate to that page and you will then see the popup or lightbox.
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.
1) Add lightbox code to all pages
To add the popup or lightbox to all pages, navigate to System > Configuration.
Once on the configuration page, click the Design link on the left hand side, then click Footer and look for the Miscellaneous HTML box.
2) Paste in lightbox code
Keep in mind that this method will add the popup or lightbox to every page of your website. If you do not want it to show up on certain pages, use the single page method above.
Still having trouble with adding your sweepstakes to Magento? Simply click the support or live chat icon to get in touch with us.