This guide walks you through embedding an Interact quiz directly onto an Unbounce landing page.
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 Unbounce landing page
💡 Note: If you don’t see the quiz immediately after adding the embed code, Save your changes and use Preview (and/or Publish) 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 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 tab (not from the browser address bar URL).
Step 2. Add the Embed Code to Unbounce
You’ll paste your Interact embed code into Unbounce where you want the quiz to appear.
Embed on an Unbounce Landing Page.
Log in to Unbounce.
Open the landing page you want to add the quiz to.
Click Start with this template to open the page in the builder.
Click on the area of the page you want to embed the quiz, and add HTML custom code
From the left-side toolbar, drag the Custom HTML widget onto the page where you want the quiz to appear.
In the Custom HTML dialog, paste your Interact embed code.
Click Save Code.
❗ Important: The Custom HTML widget is available in Unbounce’s Classic Builder. If you’re editing a page in a builder that doesn’t support Custom HTML widgets, you won’t be able to place an inline direct embed on the page using these steps.
Step 3. View the quiz on your live page
Click Save in Unbounce.
Click Preview and confirm the quiz loads.
💡 Tip: If you don’t see the quiz while editing, this is expected in many cases—check the saved/preview version of the page.
Step 4. Test the Embed
Confirm the quiz works end-to-end on your Unbounce 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).
Step 5. Publish your Unbounce changes
Unbounce changes won’t be visible to visitors until they’re saved and your page is published.
In the page builder, click Save.
Click Publish (or Republish) so the embedded quiz is visible on the live page.
❗ Important: If you embed the quiz but don’t Publish/Republish, the quiz won’t appear for visitors.
FAQs
Why can’t I see the quiz in the Unbounce editor?
Why can’t I see the quiz in the Unbounce editor?
Some embeds may not render while you’re editing. Click Save, then use Preview (and your published page) to confirm the quiz is loading.
Do I need to update the embed code when I edit my quiz?
Do I need to update the embed code when I edit my quiz?
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.
How can I replace what quiz is shown in the embed?
How can I replace what quiz is shown in the embed?
If you want a different quiz to appear in the same spot, swap the embed code.
In Interact, open the new quiz you want to embed.
Go to Share → Embed → Javascript and click Copy Code.
In Unbounce, open the landing page and click Edit.
Click the Custom HTML widget you used for the quiz.
Replace the existing code with the new embed code.
Click Save Code, then Save and Publish/Republish the page.
Make a quiz in 2 minutes with AI