This documentation will show you how to take any ViralSweep template and integrate it into your Squarespace site.

Full Page | Widget | Lightbox

Full Page

1) Create a new page

Navigate to your Squarespace site, and add a new page for your promotion, or click on a page that you want to embed the promotion into.

2) Edit page content

Inside the body of your Squarespace page, click the edit button on page content, then click the bubble to the left and choose 'code'.

3) Add ViralSweep code

Navigate to your ViralSweep dashboard and copy the code for the full page. Paste the code for the full page into the code box in Squarespace. Make sure the 'Display Source' box is not checked off, and make sure the dropdown menu is set to HTML.

Next, look for the tag in the giveaway code near the top. Above that tag, paste in this line of code:

<div style="height:1000px;"> 


Then, scroll to the bottom of the code, and look for the closing tag. Above that tag, add:

</div>


Click save, and be sure to save the page content.

4) You're done!

View your page, and you should now see the full page embedded into your Squarespace site

Widget


1) Create a new page or add to a current page

Navigate to your Squarespace site, and add a new page for your promotion, or click on a page that you want to embed the widget into.

2) Edit page content

Inside the body of your Squarespace page, click the edit button on page content, then click the bubble to the left and choose 'code'.


3) Add ViralSweep code

Navigate to your ViralSweep dashboard and copy the code for the widget. Paste the code for the widget into the code box in Squarespace. Make sure the 'Display Source' box is not checked off, and make sure the dropdown menu is set to HTML.
Click save, and be sure to save the page content.

4) You're done!

View your page, and you should now see the widget embedded into your Squarespace site.

Lightbox

1) Copy code

Navigate to your ViralSweep dashboard and copy the code for the lightbox.

2) Edit page content

Find the Squarespace page that you want to add the lightbox code to. Inside the body of your Squarespace page, click the edit button on page content, then click the bubble to the left and choose 'code'.


3) Paste in code

Paste the code for the lightbox into the code box in Squarespace. Make sure the 'Display Source' box is not checked off, and make sure the dropdown menu is set to HTML.
Click save, and be sure to save the page content.

4) You're done!

View your page, and you should now see the lightbox display on your Squarespace site.

Alternative: Show on all pages

If you want the lightbox to show up on all of your pages, you can do this too.

Inside of Squarespace click on Settings > Advanced > Code Injection.

In the box for the header, paste in your lightbox code, and save the page.

The lightbox will now display on all pages of your site.


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 Squarespace? Simply click the support or live chat icon to get in touch with us.