Hosted page mode
Dorchestr can live as a full booking page when the organization does not yet have a site or wants to move fast.
Dorchestr widget
Embed Dorchestr inside a business website without breaking its brand universe
This page lets you immediately demonstrate the most reassuring path for an organization that already has a website: keep the current storefront, then plug Dorchestr booking in cleanly.
Configure the widget live
Prepare here the exact version to demonstrate or embed for a business: more compact, with or without the assistant, with or without Dorchestr branding, and with a prefilled need when useful.
Version currently prepared
compact on · assistant visible · branding visible
This is the URL you can test, share, or embed immediately into an external website.
https://dorchestr.com/en/widget/book/d59619c4-bfed-45f0-8830-b2b7e4301e51?compact=1&assistant=1&branding=1&service=premium-session&need=initial-consultation
Embedded widget mode
The same engine can sit inside an existing website to preserve the business image while adding booking.
Hybrid approach
The organization can start with the Dorchestr hosted page, then switch to the widget later without changing business rules.
Live preview
This is the widget loaded in demo mode, exactly how it can appear inside an external website.
compact on · assistant visible · branding visible
Recommended demo order
This sequence gives you a very smooth pitch to reassure an organization during a sales meeting.
Step 1
Start by showing the full hosted page to prove Dorchestr already handles the complete booking flow.
Step 2
Then open the widget to show the organization does not need to rebuild its website if it wants to keep its current identity.
Step 3
Copy the script snippet to illustrate a clean and credible integration in front of the client.
Step 4
Finish with the prefilled mode to prove a 'book brake service' button can open the right context directly.
Ready-to-embed snippetsYou can reuse these blocks as-is for a simple, auto-resizing integration that looks credible from the first demo.
Fast iframe version
The simplest way to embed Dorchestr immediately into a page of the business website.
<iframe src="https://dorchestr.com/en/widget/book/d59619c4-bfed-45f0-8830-b2b7e4301e51?compact=1&assistant=1&branding=1" title="Dorchestr booking widget" loading="lazy" style="width:100%;min-height:760px;border:0;border-radius:24px;overflow:hidden;background:#ffffff;" ></iframe>
Auto-resizing script version
The best balance for a cleaner rendering, with automatic widget height adjustment.
<div id="dorchestr-booking-widget"></div>
<script>
(function () {
const iframe = document.createElement("iframe");
iframe.src = "https://dorchestr.com/en/widget/book/d59619c4-bfed-45f0-8830-b2b7e4301e51?compact=1&assistant=1&branding=1";
iframe.title = "Dorchestr booking widget";
iframe.loading = "lazy";
iframe.style.width = "100%";
iframe.style.minHeight = "760px";
iframe.style.border = "0";
iframe.style.borderRadius = "24px";
iframe.style.background = "#ffffff";
const mountNode = document.getElementById("dorchestr-booking-widget");
mountNode?.appendChild(iframe);
window.addEventListener("message", function (event) {
if (!event.data || event.data.type !== "dorchestr:widget:resize") {
return;
}
if (typeof event.data.height === "number") {
iframe.style.height = event.data.height + "px";
}
});
})();
</script>Prefilled version
Useful to push a specific need from a website button, such as brake service or oil change.
<div id="dorchestr-booking-widget"></div>
<script>
(function () {
const iframe = document.createElement("iframe");
iframe.src = "https://dorchestr.com/en/widget/book/d59619c4-bfed-45f0-8830-b2b7e4301e51?compact=1&assistant=1&branding=1&service=premium-session&need=initial-consultation";
iframe.title = "Dorchestr booking widget";
iframe.loading = "lazy";
iframe.style.width = "100%";
iframe.style.minHeight = "760px";
iframe.style.border = "0";
iframe.style.borderRadius = "24px";
iframe.style.background = "#ffffff";
const mountNode = document.getElementById("dorchestr-booking-widget");
mountNode?.appendChild(iframe);
window.addEventListener("message", function (event) {
if (!event.data || event.data.type !== "dorchestr:widget:resize") {
return;
}
if (typeof event.data.height === "number") {
iframe.style.height = event.data.height + "px";
}
});
})();
</script>