Loading
One script tag. Booking + concierge, inside any website. Auto-resize, theming, and a full postMessage API.
<script
src="https://dayla.apps.softblaze.net/embed.js"
data-username="alex"
data-type="booking"
data-theme="auto"
data-height="600"
async
></script><script
src="https://dayla.apps.softblaze.net/embed.js"
data-username="alex"
data-type="concierge"
data-theme="auto"
data-height="500"
async
></script>// Programmatic API
const widget = DaylaEmbed.create({
username: 'alex',
type: 'booking',
theme: 'auto',
container: '#dayla-widget',
})
widget.on('booked', (data) => {
console.log('Booking confirmed:', data.bookingId)
})
widget.on('resize', (data) => {
console.log('Widget height:', data.height)
})One line of HTML — no build step, no npm install. The embed.js loader handles iframe creation, auto-resize, and theme detection.
The iframe automatically adjusts its height as content changes via ResizeObserver + postMessage. No scrollbars, no clipping.
Pass data-theme="light|dark|auto". Auto follows the visitor's system preference via prefers-color-scheme. CSS variables throughout.
The AI concierge is fully functional inside the embed — visitors can chat and book without leaving your site.
Listen for dayla-ready, dayla-resize, dayla-booked, dayla-error, and dayla-slot-selected events to integrate with your analytics or UX.
Free tier shows a "Powered by Dayla" link. Remove on Pro with custom domains.
Powered by Dayla footer appears on the free tier. Remove it on Pro with custom domains.
Create your Dayla page, grab the embed snippet, and paste it anywhere.