Skip to main content

How to Embed a Quiz into a Webpage

This Article highlights how to embed your quiz into a website age.

Written by Damaris Pacheco

This guide walks you through publishing your quiz and grabbing the correct embed code so you can place it on your website.

You’ll be able to:

  • Finish and publish your quiz in Interact

  • Copy your quiz embed code

  • Add the quiz to your website using the correct embed method


Before you start

Make sure you have the following:

  • An active Interact account

  • At least one created quiz in Interact

  • Access to edit your website (or the page where you want the quiz to appear)

  • A place in your website builder that accepts custom HTML/embed code (not just a text area)

💡 Note: Many website editors won’t display embedded content inside the editor view. Use your site’s Preview (and then publish) to confirm the quiz is loading.


Step 1. Finish the quiz and publish it

  1. In Interact, open the quiz you want to embed and finish designing it.

  2. Connect your quiz to Lead Generation (if you're collecting leads).

  3. Click Publish to publish your quiz.

  4. After publishing, click Embed Code when the publish/share box populates.

❗ Important: Your embed will only reflect the latest changes after you Publish your quiz in Interact.


Step 2. Choose your website host to embed

  1. Identify which platform your website is built on, then embed the quiz using that platform’s custom code option (for example: an HTML/Embed element, a Code Block, or a Custom HTML section).

  2. Choose the appropriate website host and follow the platform-specific embed process for adding custom code:

Step 3: Follow Website Integration instructions.


Make a quiz in 2 minutes with AI

Did this answer your question?