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.”
Step 4: Go to your Interact dashboard and click “Share & Embed” on the quiz you want to add to the Kajabi landing page.
Step 5: 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”
Step 7: 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 9: 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.”
Preview your quiz on mobile and desktop to make sure everything functions as desired.