Add a booking calendar directly to your existing website — no redirection to a separate scheduling page. Clients book without leaving your site, which keeps your brand experience intact.
Add the Onbookr embed script to your page and place a single element where you want the calendar to appear. No API key, no domain registration, no developer required.
Paste the embed code into any HTML block, custom code section, or page builder. The booking widget renders inline without any plugin or app installation.
Install @onbookr/react and use the OnbookrEmbed or OnbookrInline component directly in your JSX. Fully typed TypeScript with callback props.
The Onbookr widget works on any domain — your production site, staging environment, or local development. You never need to whitelist a domain to embed your booking calendar.
Match the widget to your brand. Set a custom accent color, choose light or dark theme, hide the Onbookr branding header, and control the sizing to fit your layout. All customization options are available as data attributes or React props — no CSS overrides needed.
Listen for booking events from the widget — confirmation, step changes, errors. Use postMessage events (vanilla JS) or callback props (React) to trigger analytics, redirect flows, or custom UI updates when a client completes a booking.
