Embed Chipp into Kajabi
Add your Chipp AI chatbot to your Kajabi site -- site-wide floating widget or a per-page iframe.
Add your Chipp AI chatbot to your Kajabi site in two clicks. You can drop it on every page as a floating bubble, or paste it into a single page as an inline chat panel.
Embed Options
| Option | Best For |
|---|---|
| Chat Widget | Floating bubble in the corner of every page, doesn’t take page space |
| Iframe | Dedicated inline chat panel embedded inside a specific Kajabi page |
Choose Your Embed Type
- Site-wide widget (recommended) — one paste in Settings > Site Details > Header Page Scripts puts the floating bubble on every public page of your Kajabi site.
- Per-page (widget or iframe) — use Kajabi’s Custom Code block on a single Website page, Landing Page, or Product page when you only want chat on that page or want it inline.
Step 1: Get Your Chipp Embed Code
Both the widget script tag and the iframe code live on the same page in your Chipp dashboard.
1
Open your app and click Publish > Share in the navigation.
2
Find the Widget card and copy the <script> tag. It looks like:
<script src="https://your-app.on.chipp.ai/w/chat/chipp-widget.js"></script>Use this if you want a floating chat bubble that opens in an overlay when clicked.
3
Find the Iframe card and copy the <iframe> tag. It looks like:
<iframe src="https://your-app.on.chipp.ai" height="800px" width="100%" frameborder="0" allow="microphone; clipboard-write; screen-wake-lock" title="Your App Name"></iframe>Use this if you want the chat embedded inline as part of the page content.
Keep the allow="microphone; clipboard-write; screen-wake-lock" attribute exactly as Chipp gave it to you. It’s required for voice mode to work properly on mobile devices — without screen-wake-lock, the phone screen will lock during a voice call and end the conversation.
Now pick one of the two paths below depending on whether you want the chatbot on every page or just one page.
Step 2A: Site-Wide Widget (Recommended)
This is the easiest route. One paste puts the floating chat bubble on every public page of your Kajabi site.
1
In your Kajabi admin, go to Settings > Site Details.
2
Scroll down to the Header Page Scripts section.
3
Paste the Chipp widget <script> tag from Step 1 (the one you copied from the Widget card).
4
Click Save. The floating chat bubble will appear on every public page.
The widget appears on every public page of your Kajabi site. It will not appear on Kajabi checkout and upsell pages — Kajabi intentionally locks those pages down and does not allow custom scripts. This is a Kajabi limitation, not a Chipp one.
Step 2B: Per-Page Embed (Widget or Iframe via Custom Code Block)
Use this route if you only want the chatbot on a specific page, or if you want the chat embedded inline (iframe) instead of a floating bubble.
1
Log into your Kajabi account.
2
Open the Website tab from your Dashboard.
3
Then, open Pages.
4
Click the Website tab.
5
Select your desired Website page.
6
Click Add Section or locate an existing section to add a Block.
Tip: Add the Custom Code block to your Page Header so the widget loads before the rest of the page content.
7
Click Custom Code from the block options.
8
Paste your Chipp embed code (either the widget <script> tag or the <iframe> code from Step 1) into the Code field.
9
Click Save to keep and apply your chatbot.
10
Republish the page so changes go live on your site.
The same flow works for Kajabi Landing Pages (Marketing > Landing Pages) and Product pages on the Premier theme (Products > Customize).
Momentum-theme Product pages: Kajabi’s Momentum theme blocks <iframe> tags inside Custom Code blocks on Product pages. This is a Kajabi limitation, not a Chipp one — the floating widget <script> tag still works fine there. If you need an inline iframe on a Product page, switch that page to the Premier theme, or use a Website Page or Landing Page instead.
Cookies & Cross-Origin Embeds
Your Kajabi site runs on *.kajabi.com (or your Kajabi custom domain) and your chatbot runs on *.on.chipp.ai (or your Chipp custom domain) — so they’re cross-origin. Chipp automatically sets SameSite=None cookies for iframe embeds, so anonymous and authenticated chat both work out of the box.
If your Kajabi site is membership-gated and you want the chatbot to know who the logged-in user is, use the server-side setUser({ token }) flow. It passes a bearer token via PostMessage and bypasses cookies entirely — this is the most reliable option for Safari users with strict tracking prevention.
For the full PostMessage / Builder API token flow, see Embed Chat Widget — Cookies & Cross-Origin Embeds.
Troubleshooting
Widget doesn’t appear on my site
- Site-wide: confirm the
<script>went into Settings > Site Details > Header Page Scripts (not a single page’s Custom Code block). - Per-page: make sure you clicked Save AND republished the page after pasting the code.
- The widget script is async, so it can take a second or two to render after the page loads.
Chatbot missing from checkout or upsell pages
- This is expected. Kajabi intentionally locks those pages down and doesn’t allow custom scripts on them. There is no workaround.
Iframe shows blank on a Momentum-theme Product page
- Kajabi’s Momentum theme blocks
<iframe>tags on Product pages. Switch that page to the Premier theme, use a Website Page or Landing Page instead, or use the floating widget<script>tag (which works on Momentum Product pages).
Safari users lose chat history across visits
- Cross-origin cookies. See Cookies & Cross-Origin Embeds above, or set up a Custom Domain so the chatbot is hosted on a subdomain of your Kajabi domain.
See Also
- Embed Chat Widget — full widget API reference, customization options, JS controls, and the
setUser({ token })server-side auth flow. - Custom Domains — host your chatbot on a subdomain of your Kajabi domain so cookies are first-party.