Steps for this integration:
Accessing your Unbounce site
Accessing your Quiz embed code
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