Skip to main content

How to Embed your quiz into an Unbounce landing page

This article describes how to embed your Interact quiz into your Unbounce landing page.

Damaris Pacheco avatar
Written by Damaris Pacheco
Updated yesterday

Steps for this integration:

  1. Accessing your Unbounce site

  2. Accessing your Quiz embed code

  3. Embed the quiz code into your Unbounce site

Accessing your Unbounce site

Step 1: Login to your Unbounce site

  • Open the site you want to embed your quiz onto.

Step 2: Choose a design of your choice

  • Choose the design of the landing page. This is the page you will be embedding the quiz into.

Step 3: Click on the area of the page you want to embed the quiz, and add HTML custom code

  • Click on the "Custom HTML" button and drag it to the location you want to embed your quiz code into.

Accessing your Quiz embed code

Step 1: Open your Interact dashboard and click “Share & Embed” on the quiz you want to add to the Showit landing page.

Step 2: Click on “Embed Code” on the left sidebar

  • and click the “Javascript” tab.

Step 3: Under Embed options:

  • Toggle on the button for “Auto resize embed to fit quiz content

  • Toggle on the button for “Use custom embed size” then change the width of the dimensions to 1,500.

  • Check "Fit embed to container"

Embed the quiz code into your Unbounce site

Step 1: Click “Copy Code” then go back to Unbounce site

  • When you drag the "custom HTML" button, a page will populate that will allow you to paste in the code you copied from your Interact dashboard.

Step 3: Click “Save.”

  • Preview your quiz on mobile and desktop to make sure everything functions as desired.


Make a quiz in 2 minutes with AI


Did this answer your question?