ENGINE LIVE·POSTGRESQL ADVISORY LOCKS
Semiora
Embed

Booking on your site, not a redirect.

One snippet puts a live booking page anywhere visitors already are — inline in the page, in a popup, or docked as a side panel. It picks up your colors automatically and keeps the whole flow on your domain.

Works with any framework or site builder · Auto-themed · Included on every plan

embed.js
// Drop this on any page
Semiora.embed({
  link: "alex/strategy",
  theme: "auto",
})
yourwebsite.com/book

Book with Alex

Powered by Calora

Mon 10Tue 14Wed 15
Why it works

Feels native because it is

One snippet, any stack

A single script tag covers static sites, WordPress, Next, Rails — anything that renders HTML. No build step, no package to install, no version to pin.

Theme auto-match

The embed reads your page's background and text colors and blends in on load — or lock an exact theme with two attributes if you'd rather be precise.

Three placements, one attribute

Inline for pricing pages, popup for buttons, side panel for docs. Same snippet, one data-attribute apart — switch without re-copying code.

Guests never leave your domain

Slots, questions and payment all render inside your site. No redirects, no pop-up-blocker roulette, no suspicious new tabs to explain.

Quick on mobile

Lazy-loaded, responsive and a few kilobytes light, so your Core Web Vitals and your conversion rate both stay where you want them.

Attributes over config

Set link, theme and placement as HTML attributes and you're done. Update the page, refresh, and the embed follows — no dashboard detour.

How it works

From snippet to booked in one sitting

1

Copy the snippet

Every event type and team page ships with a ready-made embed snippet — one click to copy, nothing to generate or rotate.

2

Paste it where people are

Drop it into the pricing page, the docs, or a “Book a demo” button. It runs wherever HTML does.

3

Tune the look

Let it auto-match your theme, or pass explicit colors and placement. Changes go live on the next refresh.

“Embedding booking directly onto our site with custom CSS tokens gave our visitors a native booking experience without leaving our page.”

EC

Embeddable Components Focus

Client-Side Integration

Placements

Three ways to show up on the page

Same snippet, one attribute apart. Pick the shape that matches where your visitors make the decision.

Inline

data-calora="inline"

The calendar renders in the flow of the page — ideal for pricing and contact pages where booking is the main event.

Popup

data-calora="popup"

The page stays put and booking opens on top. Perfect for buttons, banners and nav links that say “Book a demo”.

Side panel

data-calora="side-panel"

A docked panel slides in from the edge — handy in docs and help centers where readers keep their place.

Embed

Meet your visitors where they already are.

Copy one snippet, paste it on your site, and start taking bookings from your own domain this afternoon.

Free forever for individuals · Pro from $12/seat · Cancel anytime

Search Calora

Jump to any page, feature or customer story