The 5 easy steps to embedding a quiz into Kajabi
Add a quiz to a Kajabi 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 Kajabi page
- Optimize the quiz embed for the best experience on all devices
Need to create your own quiz for Kajabi? Interact integrates seamlessly with Kajabi and is a super easy-to-use quiz builder for generating leads and recommending products. Create a quiz for Kajabi now.
1. Create a new page for your quiz
Login to Kajabi and click on “Website.”
Choose “Pages,” then choose “Landing.”
Choose “New landing page.”
Choose a template to work off of or select “Blank” and then choose “Get started.” 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.
Title your quiz landing page and click “Create.” We recommend creating a new page for your quiz and naming it “Quiz” or in my case I’m naming it “Leadership Quiz” since I’m creating a leadership quiz.
Once the quiz page loads, delete the Hero section that appears.
Choose “Add Section,” then choose “Custom Code,” then select “Add.”
2. Embed your quiz on your Kajabi page
Now go over to your Interact dashboard and click “Share & Embed” on your quiz you want to add into your Kajabi page.
In the box that comes up, click on “Embed Code” on the left sidebar, and click the “Javascript” tab. This will auto-resize your quiz based on the height of the quiz question.
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 Kajabi, click on the “Custom Code” section you just created.
Then paste the embed code into the Kajabi “Code” box and hit “Save.”
You can see below that I pasted in the Javascript code from Interact into the Kajabi code block html editor. If it was a success you’ll see your quiz appear on the page. The same will appear if you used the iFrame embed code.
3. Optimize the quiz embed for the best experience on all devices
The embed code starts with <div. Immediately after that add align=”center” so it appears: <div align=”center” This will center the quiz on all devices regardless of screen size. Choose “Save.”
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 Kajabi quiz setup.
Promote your quiz with a popup or announcement bar on any of your Kajabi landing pages.
Need to create a quiz for your Kajabi site? Interact has you covered, with the easiest-to-use quiz builder fully compatible with Kajabi. Create a quiz with interact now