Steps for this integration:
Accessing your Showit Site
Accessing your Quiz embed code
Embed the quiz code to Showit site
Accessing your Showit Site
Step 1: Login to Showit 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.
Then click the middle icon at the bottom of the page and select “Embed Code” from the dropdown list. This is where your quiz will appear; resize and/or move the frame as desired.
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 to Showit site
Step 1: Click “Copy Code” then go back to Showit site
Double-click in the embed code frame you just created.
Step 2: Paste the embed code into the Showit embed box.
The embed code starts with <div. Immediately after that add align=”center” so it appears: <div align=”center” to center the quiz on all devices regardless of screen size.
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