# 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.** 
    <strong>Go to Share Settings</strong>

    Open your app and click **Publish > Share** in the navigation.
  


  **2.** 
    <strong>Copy the Widget Code (floating bubble)</strong>

    Find the **Widget** card and copy the `<script>` tag. It looks like:

    ```html
    <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.** 
    <strong>Copy the Iframe Code (inline panel)</strong>

    Find the **Iframe** card and copy the `<iframe>` tag. It looks like:

    ```html
    <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.

    > **Warning:** 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.** 
    <strong>Open Site Details</strong>

    In your Kajabi admin, go to **Settings > Site Details**.
  


  **2.** 
    <strong>Find Header Page Scripts</strong>

    Scroll down to the **Header Page Scripts** section.
  


  **3.** 
    <strong>Paste Your Widget Script</strong>

    Paste the Chipp widget `<script>` tag from Step 1 (the one you copied from the Widget card).
  


  **4.** 
    <strong>Save</strong>

    Click **Save**. The floating chat bubble will appear on every public page.
  


> **Note:** 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.** 
    <strong>Log in to Kajabi</strong>

    Log into your Kajabi account.
  


  **2.** 
    <strong>Open the Website Tab</strong>

    Open the **Website** tab from your Dashboard.
  


  **3.** 
    <strong>Open Pages</strong>

    Then, open **Pages**.
  


  **4.** 
    <strong>Click the Website Tab</strong>

    Click the **Website** tab.
  


  **5.** 
    <strong>Select Your Page</strong>

    Select your desired Website page.
  


  **6.** 
    <strong>Add a Section or Block</strong>

    Click **Add Section** or locate an existing section to add a **Block**.

    > **Tip:** **Tip:** Add the Custom Code block to your Page Header so the widget loads before the rest of the page content.
  


  **7.** 
    <strong>Click Custom Code</strong>

    Click **Custom Code** from the block options.
  


  **8.** 
    <strong>Paste Your Chipp Embed Code</strong>

    Paste your Chipp embed code (either the widget `<script>` tag or the `<iframe>` code from Step 1) into the **Code** field.
  


  **9.** 
    <strong>Save</strong>

    Click **Save** to keep and apply your chatbot.
  


  **10.** 
    <strong>Republish the Page</strong>

    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**).

> **Warning:** **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](/docs/guides/embed-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](#cookies--cross-origin-embeds) above, or set up a [Custom Domain](/docs/guides/custom-domains) so the chatbot is hosted on a subdomain of your Kajabi domain.

---

## See Also

- [Embed Chat Widget](/docs/guides/embed-widget) -- full widget API reference, customization options, JS controls, and the `setUser({ token })` server-side auth flow.
- [Custom Domains](/docs/guides/custom-domains) -- host your chatbot on a subdomain of your Kajabi domain so cookies are first-party.