Skip to main content

How to Embed Your Quiz into Showit

This article describes how to embed your interact quiz into your Showit landing page.

Damaris Pacheco avatar
Written by Damaris Pacheco
Updated this week

Steps for this integration:

  1. Accessing your Showit Site

  2. Accessing your Quiz embed code

  3. 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

Did this answer your question?