Skip to main content

Add a Quiz Popup to an Unbounce site

This article describes how to add a quiz as a pop up onto your Unbounce site.

Damaris Pacheco avatar
Written by Damaris Pacheco
Updated yesterday

Steps for this integration:

  1. Accessing your Unbounce Site

  2. Accessing your Quiz Pop-up code

  3. Embed the quiz code to your Unbounce site

Accessing your Unbounce Site

Step 1: Log in 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 Pop-up page. This is the page you will be embedding the quiz into.

  • Then click on "start with this template"

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 Pop-up Code

Step 1: Log in to 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 “Iframe” tab.

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 2: Change pop-up dimensions

  • Go to the pop-up settings under "Element", then click on "Dimensions" and change the Height measurement to "600".

  • After doing that, adjust the size of the embed box to fit the pop-up box.

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?