Skip to main content

How to Embed a Quiz on Wix

This article describes how to embed a quiz onto your Wix website.

Written by Damaris Pacheco

This guide walks you through embedding an Interact quiz directly onto a Wix page using an HTML Embed element. 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 Wix site

💡 Note: Wix embeds may not always display exactly as expected inside the editor. Use Preview (and then Publish) to confirm the quiz is showing on the live page.


Step 1. Get your Interact direct embed code

  1. Log in to Interact.

  2. Locate the quiz you want to embed.

  3. Click the Share tab.

  4. Click Embed.

  5. Select the JavaScript tab.

  6. Turn on Auto resize embed to fit quiz content.

  7. Select Use custom embed size and set the width to 1800.

  8. 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 an HTML Embed Element in Wix

  1. Log in to your Wix account and open the page where you would like to embed your quiz.

  2. Click the + Add Elements button.

  3. Select Embed Code.

  4. Choose Embed HTML.

  5. Drag the HTML Embed element onto your page.


Step 3: Paste Your Quiz Embed Code

  1. Click the HTML Embed element.

  2. Select Enter Code.

  3. Paste your Interact embed code.

  4. Click Update.


Step 4: Resize Your Quiz for Desktop

  1. Click the HTML Embed element.

  2. Resize the container to fit your page layout.

  3. For best results, select Stretch to full width to provide enough height for the quiz to display comfortably.

  4. If you don't want the quiz so large on the page, you can add Margins until the quiz is smaller on the page.


Step 5: Resize Your Quiz for Mobile

  1. Turn on the Mobile Editor

  2. Stretch the canvas to be as tall as the screen so the mobile user will not need to scroll to view the quiz.


Step 6. Publish and Test

  1. Click Publish.

  2. Visit your live website and test the quiz on both desktop and mobile devices.

  3. The quiz should display all questions properly and resize automatically as visitors progress through the quiz.

Did this answer your question?