Squarespace - Embed Outgrow experiences

Squarespace is a powerful platform that empowers millions of people — from individuals and local artists to entrepreneurs shaping the world’s most iconic businesses — to share their stories and create an impactful, stylish, and easy-to-manage online presence. Now you can add Outgrow quizzes, calculators or polls to your Squarespace site.

1. Get the embed code for an Outgrow calculator, quiz or poll

Get the pop up code for your calculator from the Config section on the Outgrow Builder. You can choose between a classic pop up and drawer pop up. For trigger of pop up you can choose between a button or link.

1920

2. Select the page in Squarespace where you want to embed your quiz.

Select the page that you want to add the quiz to so you can open it up and edit the section that you want to embed your quiz in. For example, we are going to use the home page.

1024

3. Embedding a block in Squarespace

In Squarespace, click to add a block in the section where you want to put the Outgrow experience. You can put the quiz anywhere that a block is allowed to go in your template. The available spaces may change depending on which template you are using in Squarespace.

1024

4. Choosing Embed Block for embedding the code

You’ll be embedding the Outgrow experience in your Squarespace site, so select the “Embed” option for adding the quiz in from interact.

957

5. Click </> on the Embed box so you can add a custom code

Click on the </> icon on the embed box in the bottom right corner so you can add in the Outgrow experience embed code.

1024

6. Open the Embed Data box

When you click the </> icon on the Embed dialogue it will open the “Embed Data” box where you’ll be putting your embed code

1024

7. Paste the embed code into the “Embed Data” box in Squarespace

Paste in the code you copied from the embed section in Outgrow.

8. Click save and your quiz will be live in Squarespace

You can embed your quiz anywhere on your Squarespace site.