The 3 easy steps to embedding a quiz into Showit
Add a quiz to a Showit landing page in a few easy steps. Here’s a video version if you prefer.
- Create a new page for your quiz
- Embed your quiz on your Showit page
- Optimize the quiz embed for the best experience on all devices
Need to create your own quiz for Showit? Interact integrates seamlessly with Showit and is a super easy-to-use quiz builder for generating leads and recommending products. Create a quiz for Showit now.
1. Create a new page for your quiz
Login to Showit and click on your account nam in the bottom left corner.
Choose “Create a New Design”.
Choose a template to work off of and then click “Start With This Design.” We recommend putting your quiz on a page without any distractions, this can include a header, footer, popups really anything that would take them out of the quiz.
To remove distractions from the page, click on the section you want to remove in the Home menu on the left. Click the 3 dots and select “Delete” from the dropdown.
Now, click into the area of the page you want to embed the quiz. Then click the square icon (see below) at the bottom of the page and select “Embed Code” from the dropdown list.
An embed code frame appears on your page. Resize it and/or move the frame to the desired location on the page. This is where your quiz will appear.
2. Embed your quiz on your Showit page
Now go over to your Interact dashboard and click “Share & Embed” on your quiz you want to add into your Showit page.
Toggle on the buttons for “Auto resize embed to fit quiz content” and “Use custom embed size” then change the width of the dimensions to 1,500.
Click “Copy Code.”
Back in Showit, double click in the HTML frame you just created.
Then paste the embed code into the Edit Code frame and hit “Save.”
3. Optimize the quiz embed for the best experience on all devices
Double click on your quiz. You’ll see the embed code starts with <div. Immediately after that add align=”center” so it appears: <div align=”center” and click “Save.” This will center the quiz on all devices regardless of screen size.
Preview your quiz on mobile and desktop to make sure everything functions as desired. If you have questions while building your quiz we have support experts on our live chat and community to troubleshoot your Showit quiz setup.
Need to create a quiz for your Showit site? Interact has you covered, with the easiest-to-use quiz builder fully compatible with Showit. Create a quiz with Interact now.