Skip to main content

How to Add a Quiz Pop-Up to Squarespace

This guide walks you through adding an Interact quiz as a pop-up on a Squarespace site using Promotional Pop-Up

Written by Damaris Pacheco

This guide walks you through adding an Interact quiz as a pop-up on a Squarespace site using Promotional Pop-Up.

You’ll be able to:

  • Add a quiz pop-up to your site

  • Control what your pop-up says and what button visitors click

  • Confirm the quiz opens 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 pop-ups and embeds often won’t render inside the editor while you’re editing. You’ll usually need to Save and view the page live (or in preview) to confirm the pop-up is showing.


Step 1. Get your Interact quiz link

You’ll use your Interact quiz Share Link as the button URL in Squarespace.

  1. Log in to Interact.

  2. Locate the quiz you want to add as a pop-up.

  3. Click the Share tab.

  4. Click Share Link.

  5. Click Copy link.

❗ Important: Always copy the quiz link from the quiz’s Share tab (not from the browser address bar URL).


Step 2. Add the quiz link to Squarespace

You’ll paste your Interact quiz link into a Squarespace Promotional Pop-Up button action.

Add a quiz pop-up using Squarespace Promotional Pop-Up

  1. Log in to Squarespace.

  2. From the left menu, click Website.

  3. Click Pages.

  4. Under Pages, scroll to Marketing Tools.

  5. Click Promotional Pop-Up.

  6. Choose the pop-up layout you want to use.

  7. Edit the Content section to add your quiz title and a short description.

  8. Go back to the Promotional Pop-Up menu.

  9. Click Action.

  10. Under Actions, select Click a button.

  11. Update the button text (for example, Take this quiz).

  12. Paste your Interact quiz link (from Step 1) into the button link field.

  13. Click Save.

Important: If you don’t click Save, the pop-up won’t appear on your live site.


Step 3. View the quiz on your live page

  1. Click Save in Squarespace (if you haven’t already).

  2. Open your site in a new tab to confirm the pop-up appears.

  3. Click the pop-up button to confirm it opens your Interact quiz.

💡 Tip: If you don’t see the pop-up right away, check your Display & timing settings in Squarespace and try viewing your site in an incognito/private window.


Step 4. Test the embed

Confirm the quiz works end-to-end from the pop-up.

  1. Load your live site as a visitor would.

  2. Wait for the pop-up to appear.

  3. Click the pop-up button and take the quiz.

  4. 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).

  1. In the pop-up editor, click Save.

  2. If your site is not public, make sure your Squarespace site settings allow visitors to access the site where the pop-up is enabled.

❗ Important: If you configure the pop-up but don’t Save, it won’t appear for visitors.


FAQs

Why can’t I see the pop-up in the Squarespace editor?

  • Pop-ups often don’t render while you’re editing. Click Save, then view your site live (or in preview) to confirm the pop-up is loading.

Do I need to update anything in Squarespace when I edit my quiz?

  • Usually, no. In most cases you can keep the same Share Link, but you must Publish your quiz in Interact for changes to appear on the live quiz.

How can I replace what quiz is opened from the pop-up?

  • Replace the button link in Squarespace with the new quiz’s Share Link.

    1. In Interact, open the new quiz you want to use.

    2. Go to ShareShare Link and click Copy link.

    3. In Squarespace, go to WebsitePagesWebsite ToolsPromotional Pop-Up.

    4. Click Action.

    5. Replace the existing button link with the new Interact link.

    6. Click Save.


Make a quiz in 2 minutes with AI

Did this answer your question?