DEVELOPER DOCS

Bring Kelsie to your website.

Add the hosted Kelsie assistant to a custom spa, studio, or office website with one iframe. Kelsie uses the services, pricing, hours, and public business details already configured in your workspace.

Quick start View Pro

QUICK START

One workspace, one slug, one embed.

The custom website assistant is included with Pro and Premium. It reads only public business information and sends guests back to the hosted booking flow when they are ready to choose a time. Pro also includes white label: turn it on in Settings → Branding and the assistant carries your business name only, with no Kelsie marks.

Choose the plan

Activate Pro or Premium for the business workspace.

Find the slug

Copy the final part of your Kelsie booking-page URL.

Paste the iframe

Replace the placeholder and add it to your website.

Add the launcher (recommended)

One script tag adds a floating chat bubble to every page. Replace YOUR_BUSINESS_SLUG with the slug from your public booking URL - usekelsie.com/s/river-studio uses river-studio. Optional attributes: data-position="left", data-color="#111723", data-offset="24".

HTML

<script
  src="https://usekelsie.com/widget.js"
  data-business="YOUR_BUSINESS_SLUG"
  async
></script>

Or embed the panel directly

Prefer the assistant inline on a contact page? Drop the iframe wherever it should live.

HTML

<iframe
  src="https://usekelsie.com/embed/YOUR_BUSINESS_SLUG"
  title="Ask Kelsie"
  loading="lazy"
  allow="microphone; autoplay"
  style="
    width: min(420px, calc(100vw - 32px));
    height: min(620px, calc(100vh - 32px));
    border: 0;
    background: transparent;
  "
></iframe>

Use a fixed corner placement

This version keeps Kelsie available at the bottom-right of the site. Check that it does not cover cookie controls, checkout actions, or mobile navigation.

HTML

<div style="position: fixed; right: 20px; bottom: 20px; z-index: 9999;">
  <iframe
    src="https://usekelsie.com/embed/YOUR_BUSINESS_SLUG"
    title="Ask Kelsie"
    loading="lazy"
    allow="microphone; autoplay"
    style="width: min(420px, calc(100vw - 32px)); height: min(620px, calc(100vh - 32px)); border: 0;"
  ></iframe>
</div>

Behavior and safety

Answers from the public service menu, prices, hours, and business profile.

Does not expose admin data, private client details, or internal reports.

Does not promise live availability. It directs guests to the booking flow.

Uses rate limits and keeps model responses out of provider storage.

Need a custom placement?

We can help with responsive sizing, content-security policies, and matching the assistant placement to your website. Custom API access is not part of this preview.

Email developer support