Skip to main content

Add Your Quiz as an Announcement Bar to Squarespace

This article describes how to add an Interact quiz as an Announcement Bar to your Squarespace Website.

Written by Mia Fitzpatrick

This guide walks you through adding your quiz as an Announcement Bar in Squarespace so you’ll be able to:

  • Add a clickable Announcement Bar to your site

  • Link the Announcement Bar to your Interact quiz

  • Confirm the Announcement Bar and quiz link work 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: Announcement Bar changes typically won’t show until you Save and view your site live (or in preview).


Step 1. Get your Interact quiz share link

You’ll use your quiz’s share link (not an embed code) for the Squarespace Announcement Bar.

  1. Log in to Interact.

  2. Locate the quiz you want to add to your Announcement Bar.

  3. Click the Share (or Share & Embed) tab.

  4. Click Share Link.

  5. Click Copy (to copy the quiz link).

❗ Important: Copy the quiz link from the quiz’s Share area (not from the browser address bar URL).


Step 2. Add the quiz link to Squarespace

You’ll paste your Interact quiz link into Squarespace’s Announcement Bar settings.

Add an Announcement Bar in Squarespace (Attach Link)

  1. Log in to Squarespace.

  2. From the left menu under Website, click Pages.

  3. Under Pages, locate Marketing Tools.

  4. Click Announcement Bar.

  5. In the Announcement Bar settings, select Attach link.

  6. Paste your Interact quiz link into the link field.

  7. Click Save.

❗ Important: If you don’t click Save, the Announcement Bar won’t appear to visitors.


Step 3. View the quiz on your live site

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

  2. Open your website in a new tab to confirm the Announcement Bar is visible and the link opens your quiz.

💡 Tip: If you don’t see the Announcement Bar while editing, check the saved/live version of your site.


Step 4. Test the embed

Confirm the full flow works from your Squarespace Announcement Bar.

  1. Load your site as a visitor would.

  2. Click the Announcement Bar link.

  3. Take the quiz end-to-end.

  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 is publicly accessible).

  1. Confirm you clicked Save in the Announcement Bar settings.

  2. If your site is not public, make sure your Squarespace site settings allow visitors to access your site.

❗ Important: If you add the link but don’t Save, your Announcement Bar won’t be visible to visitors.


FAQs

Why can’t I see the Announcement Bar while editing?

  • In many cases, you need to click Save and then view your site live (or in preview) to confirm the Announcement Bar is showing.

Do I need to update the link 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.

How can I replace what quiz is opened from the Announcement Bar?

  • Replace the link in Squarespace with the share link for a different quiz.

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

    2. Go to ShareShare Link and Copy the link.

    3. In Squarespace, go to PagesWebsite ToolsAnnouncement Bar.

    4. Replace the existing link with the new quiz link.

    5. Click Save.


Make a quiz in 2 minutes with AI

Did this answer your question?