How to Embed a Widget on Kajabi

Kajabi is an all-in-one platform for selling online courses, memberships, and digital products. This guide shows you how to embed interactive Embeddy widgets — such as quizzes, calculators, and course tools — on your Kajabi pages using the built-in custom code features.

Beginner~5 min readUpdated 2026

On this page

Prerequisites

Before you embed your widget, you need two things:

  • Your Embeddy embed code. Log in to your dashboard at https://embeddy.ai/dashboard, open your widget, and copy the iframe embed code. It looks like this:
<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
></iframe>
  • Kajabi admin access. You must be the site owner or an admin to add custom code sections to Kajabi pages. Collaborators with limited permissions may not see the custom code option.

Page Builder (Custom Code)

Kajabi's visual page builder lets you add custom HTML code to any landing page, sales page, or opt-in page. The Custom Code section block is the primary way to embed iframes and third-party widgets.

  1. 1

    Navigate to your page

    In Kajabi, go to Website > Pages and select the page you want to edit. Click Customize to open the page builder.

  2. 2

    Add a new section

    Click the + button between existing sections where you want the widget to appear. From the section list, scroll down and select "Custom Code".

  3. 3

    Paste your embed code

    Click on the Custom Code section to select it. In the left settings panel, you will see an HTML code editor. Paste your Embeddy iframe code into this field.

  4. 4

    Preview the widget

    The page builder may not render the iframe in the editor preview. Click "Preview" in the top toolbar to open a new tab and verify the widget loads correctly on the live preview.

  5. 5

    Save and publish

    Click Save in the top-right corner. If the page is already published, the changes go live immediately.

Tip: Kajabi's page builder editor may show a blank area where the Custom Code section is. This is normal — iframes are rendered only on the live page or in preview mode.

Education use case

Embedding interactive quizzes, calculators, or assessment tools on your Kajabi landing pages can increase engagement and conversion rates. Place a quiz widget above your course sales section to let visitors self-assess their knowledge level before purchasing.

Blog Posts

Kajabi's blog editor also supports custom HTML. You can embed widgets directly into blog posts to enhance your content marketing with interactive elements.

  1. 1

    Open the blog post editor

    Go to Website > Blog and create a new post or edit an existing one.

  2. 2

    Switch to HTML mode

    In the blog post editor toolbar, click the </> (source code) button to switch to the HTML source view.

  3. 3

    Paste and save

    Paste your Embeddy iframe code at the desired location in the HTML, then click OK to return to the visual editor. Save or publish the post.

Course & Product Pages

Kajabi product pages (courses, coaching, communities) use a different layout system. You can add custom code to the checkout page and post-purchase pageusing the page builder, but individual lesson pages have more limited customization options.

For lesson content: Kajabi lessons support video, text, and file downloads natively. To embed an interactive widget within a lesson, use the text editor's source code mode (</> button) and paste your iframe code. The widget will render inline with your lesson content.

Course creator tip

Embed interactive quizzes at the end of each module to help students review key concepts. You can also embed calculators or ROI tools on your course sales page to demonstrate value to prospective students.

Iframe Embed Code Example

Here is what a complete Embeddy iframe embed looks like for Kajabi. Copy your specific code from the Embeddy dashboard — the WIDGET_ID and PROPS_ID values will be filled in automatically.

<!-- Embeddy widget embed — paste into Kajabi Custom Code section -->
<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
  style="border: none; border-radius: 8px;"
  loading="lazy"
  title="My Embeddy Widget"
></iframe>

You can adjust height to match your widget's content. Use width="100%" to make the embed responsive across all screen sizes.

Troubleshooting

The widget does not appear in the page builder

Kajabi's page builder does not render iframes in the editor. Use the Preview button to open the live preview in a new tab and verify the widget loads correctly.

The widget shows a blank area on the live page

Verify your Widget ID and Props ID are correct by checking the embed URL. Log in to the Embeddy dashboard and copy the embed code again. Also confirm the widget is published (not in draft mode) in Embeddy.

Custom Code section is not available

The Custom Code section may not be available on all Kajabi plan tiers. If you do not see it in the section list, check your Kajabi plan or try using the Header Code Injection feature under Settings > Site Details as an alternative for site-wide scripts.

Widget is cut off or too small

Increase the height attribute in your iframe code. A common starting point is height="600". You may also need to adjust the section padding in the page builder settings.

Embed code is stripped from blog post

Make sure you are pasting the code in the source code view (click the </> button), not in the visual editor. The visual editor may sanitize or strip iframe tags.

Frequently Asked Questions

Can I embed interactive quizzes in my Kajabi courses?

Yes. Kajabi's built-in quiz features are limited, so many course creators use Embeddy widgets to add richer interactive quizzes, assessments, and calculators to their course pages and lessons via iframe embeds.

Does embedding a widget slow down my Kajabi site?

No. Iframes load independently of your main page. The widget loads from Embeddy's servers in a separate browser thread and does not block your page's rendering. Using loading="lazy" in the iframe tag further defers loading until the widget is visible in the viewport.

Can I use the same widget on multiple Kajabi pages?

Yes — paste the same embed code on as many pages as you like. Each instance is independent. If you update the widget in the Embeddy dashboard, all embedded instances update automatically.

Ready to build your widget?

Create a free Embeddy widget — no code required. Get your embed code in minutes and drop it into your Kajabi site.

Create your free widget at embeddy.ai