Adding a Section to Your Kajabi Landing Page
Step 1: Login to Kajabi and open the landing page you want to embed your quiz on.
Step 2: On the landing page, click “Add Section.”
Step 3: Choose “Custom code,” then select “Add.”
Accessing Your Quiz Embed Code
Step 1: Go to your Interact dashboard and click “Share & Embed” on the quiz you want to add to the Kajabi landing page.
Step 2: Click on “Embed Code” on the left sidebar, and click the “Javascript” tab.
Toggle on the buttons for “Auto resize embed to fit quiz content”
Next, toggle on “Use custom embed size” then change the width of the dimensions to 1,500.
Finally, click “Copy Code”
Adding Embed Code to Kajabi
Step 1: Go back to Kajabi and click on the “Custom Code” section you just created and paste the embed code into the Kajabi “Code” box.
Step 2: 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.
Then choose the column width of your quiz
Finally, click “Save.”
Step 3: Preview your quiz on mobile and desktop to make sure everything functions as desired.