Skip to main content

Add a Quiz as an Announcement Bar Button on Wix

This article describes how to add an Interact quiz as an announcement bar button on Wix.

Written by Damaris Pacheco

This guide walks you through adding a quiz link to a Wix button placed in your announcement bar/header area. You’ll be able to:

  • Add a button that links to your quiz

  • Control where the button appears on your site

  • Confirm the button opens the quiz 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 Wix site

💡 Note: This method uses your quiz's Share Link rather than an embed code. When visitors click the button, they will be taken directly to your quiz.


Step 1. Get your Interact quiz link

  1. Log in to Interact.

  2. Locate the quiz you want to add to Wix.

  3. Click Share.

  4. Click Share Link.

  5. Click Copy Link

❗ Important: Use the quiz link from Share & Embed → Share Link (not the browser address bar URL).


Step 2. Add the link to your Wix announcement bar button

You’ll create (or select) a button in Wix, then set the button link to your Interact quiz share link.

Add a button and link it to your quiz

  1. Log in to Wix and open the site you want to edit.

  2. Click Design site.

  3. In the editor, click Add elements.

  4. Click Button.

  5. Select the button type/style you want to use in your announcement bar/header area.

  6. Drag the button to the top header/announcement bar area and place it where you want it to appear.

  7. Click the button to edit and design it.

  8. Click the Link option.

  9. Select Web Address.

  10. Select New Window for how it opens.

  11. Paste your Interact quiz share link into the field.

  12. Click done.


Step 3. View the button on your live page

  1. Click Preview in Wix.

  2. Confirm the button appears where you placed it and looks correct on both desktop and mobile.

💡 Tip: If you don’t see your latest changes in the editor, Preview the site to confirm what visitors will see.


Step 4. Test the link

Confirm the button opens your quiz end-to-end.

  1. In Wix Preview (or on your published site), click the button.

  2. Confirm your Interact quiz loads.

  3. Take the quiz as a visitor would.

⚠️ Warning: If your quiz isn’t published in Interact, visitors may not be able to access the version you expect.


Step 5. Publish your Wix changes

Wix changes won’t be visible to visitors until they’re published.

  1. Click Publish in Wix.

  2. Visit your live site and click the announcement bar button to confirm it opens the quiz correctly.

❗ Important: If you add the button but don’t Publish, the button and link won’t appear for visitors.


FAQs

Why can’t I see my button changes on the live site?

  • Make sure you clicked Publish in Wix. If you only edited in the designer, visitors won’t see the updated announcement bar button.

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 changes in Interact for updates to appear to visitors.

How can I replace which quiz the button opens?

  • If you want a different quiz to open from the same button, swap the button link.

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

    2. Go to Share and copy the new Share Link.

    3. In Wix, open your site editor.

    4. Click the announcement bar button.

    5. Click the link option and select Web Address.

    6. Replace the existing link with the new quiz link, then click done and Publish.

Did this answer your question?