This guide walks you through embedding an Interact quiz directly onto a Showit page.

You’ll be able to:

Before you start

Make sure you have the following:

💡 Note: If you don’t see the quiz immediately after adding the embed code, Save your changes and use Preview to confirm the quiz is showing.

Step 1. Get your Interact Direct Embed Code

Log in to Interact.
Locate the quiz you want to embed.
Click the Share & Embed tab.
Click Embed Code.
Click the JavaScript tab.
Under Embed Options:
- Toggle on Auto-resize embed to fit quiz content
- Toggle on Use custom embed size, then set the width to 1,500
Click Copy Code.

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

You’ll paste your Interact embed code into Showit where you want the quiz to appear.

Log in to Showit.
Open the site you want to embed your quiz onto.
Choose the design/page where you want the quiz to appear.
Click on the area of the page where you want to embed the quiz.
Click the middle icon at the bottom of the page, then select Embed Code from the dropdown list.
- This is where your quiz will appear—resize and/or move the embed frame as desired.
Double-click the Embed Code frame you just created.
Paste your Interact embed code into the Showit embed box.
In the code you pasted, find the first <div and update it so it starts like this: <div align="center" (this centers the quiz across devices).
Click Save.

⚠️ Warning: If you forget to add align="center" to the opening <div, your quiz may not appear centered on all screen sizes.

💡 Tip: If you don’t see the quiz while editing, this is expected in many cases—check the saved/preview version of the page.

Confirm the quiz works end-to-end on your Showit page.

Load the page where you embedded the quiz.
Take the quiz as a visitor would.
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).

Showit changes won’t be visible to visitors until they’re saved and published.

In Showit, click Save.
Click Publish to push your changes live.
Confirm the page you embedded the quiz on is accessible to visitors (not hidden or restricted).

❗ Important: If you embed the quiz but don’t Publish, the quiz won’t appear for visitors.

Usually, no. In most cases you can keep the same embed code, but you must Publish your quiz in Interact for changes to appear on your embedded version.

Make a quiz in 2 minutes with AI

Try it free