This guide walks you through embedding an Interact quiz directly onto a Squarespace page using a Code Block. You’ll be able to:
Embed your quiz inline on a page
Control where the quiz appears on the page
Confirm the quiz loads correctly on your live site
Before you start
Make sure you have the following:
An active Interact account
At least one created quiz in Interact
Your quiz is published in Interact
Access to edit your Squarespace site
💡 Note: Squarespace embeds often won’t render inside the editor while you’re editing the page. You’ll usually need to Save and view the page live (or in preview) to confirm the quiz is showing.
Step 1. Get your Interact direct embed code
Log in to Interact.
Locate the quiz you want to embed.
Click the Share tab.
Click Embed.
Click Copy code.
❗ Important: Always copy the embed code from the quiz’s Share tab (not from the browser address bar URL).
Step 2. Add the embed code to Squarespace
You’ll paste your Interact embed code into a Squarespace Code Block where you want the quiz to appear.
Embed on a Squarespace page using a Code Block
Log in to Squarespace.
From the left menu under Website, click Pages.
Click the page you want to add the quiz to.
Click Edit.
On the new page, click on add section
On the page that populates, click on Add a blank section.
Click on Add Block
Then click on the embed option
Click on the pencil icon.
Then, click on code snippet.
Then click on embed data
Step 3. View the quiz on your live page
Click Save in Squarespace.
Open the page in a new tab to confirm the quiz loads.
💡 Tip: If you don’t see the quiz while editing, this is expected in many cases—check the saved/live version of the page.
Step 4. Test the embed
Confirm the quiz works end-to-end on your Squarespace page.
Load the page where you embedded the quiz.
Take the quiz as a visitor would.
If your quiz includes an opt-in form, submit the form to confirm it appears and can be completed.
⚠️ Warning: If you’re testing an opt-in form, use a real email you can access so you can verify follow-up emails (if you have them enabled).
Step 5. Publish your Squarespace changes
Squarespace changes won’t be visible to visitors until they’re saved (and your site/page is publicly accessible).
In the page editor, click Save.
If your site is not public, make sure your Squarespace site settings allow visitors to access the page where the quiz is embedded.
❗ Important: If you embed the quiz but don’t Save, the quiz won’t appear for visitors.
FAQs
Why can’t I see the quiz in the Squarespace editor?
Why can’t I see the quiz in the Squarespace editor?
Many embeds do not render inside the Squarespace editor. Click Save, then view the page live (or in preview) to confirm the quiz is loading.
Do I need to update the embed code when I edit my quiz?
Do I need to update the embed code when I edit my quiz?
Usually, no. In most cases you can keep the same embed code, but you must Publish your quiz in Interact for changes to appear on your embedded version.
How can I replace what quiz is shown in the embed?
How can I replace what quiz is shown in the embed?
If you want a different quiz to appear in the same spot, swap the embed code.
In Interact, open the new quiz you want to embed.
Go to Share → Embed and click Copy code.
In Squarespace, open the page and click Edit.
Click your existing Code Block.
Replace the existing code with the new embed code.
Click Apply, then Save.
Make a quiz in 2 minutes with AI