Embed on your site

Drop a KBooking scheduling widget into any webpage. Three flavors, zero dependencies.

Your KBooking link

The snippets below update as you type. Use your profile URL or a specific event-type URL.

1. Inline embed

Renders the booking page inside a div on your site. The iframe auto-resizes to its content — no scrollbars.

<!-- KBooking inline embed -->
<div data-kbooking-url="https://kbooking.krakelabsindia.com/your-username" data-kbooking-min-height="680px"></div>
<script src="https://kbooking.krakelabsindia.com/embed.js" async></script>

2. Popup widget (floating button)

Adds a floating "Book a meeting" button in the corner of your site. Clicking it opens the booking page in a modal.

<!-- KBooking floating popup widget -->
<script src="https://kbooking.krakelabsindia.com/embed.js" async></script>
<script>
  window.KBooking = window.KBooking || { _q: [] };
  KBooking._q.push(['initPopupWidget', {
    url: 'https://kbooking.krakelabsindia.com/your-username',
    text: 'Book a meeting',
    color: '#d4a843'
  }]);
</script>

3. Popup link

Turn any link on your site into a booking modal trigger. Add the data-kbooking-popup attribute.

<!-- KBooking popup link -->
<a href="https://kbooking.krakelabsindia.com/your-username" data-kbooking-popup>Book time with me</a>
<script src="https://kbooking.krakelabsindia.com/embed.js" async></script>

Notes

The embed script auto-appends ?embed=1 to your URL, which strips the page chrome and uses a transparent background.
Inline embeds auto-resize via postMessage. No fixed height required.
Works on any HTML page — static sites, WordPress, Webflow, Notion-powered sites, Framer, etc.
Pro plan adds ?hide_branding=1 to remove the "Powered by KLI" footer from embeds.