Steps for this integration:
Accessing your Unbounce Site
Accessing your Quiz Pop-up code
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