Widget Dorchestr

Integrer Dorchestr dans le site d’un etablissement sans casser son univers

Cette page te permet de montrer immediatement le scenario le plus rassurant pour une organisation deja equipee d’un site : garder sa vitrine actuelle, puis injecter la reservation Dorchestr proprement.

Ouvrir la page publique Ouvrir le widget

Configurer le widget en live

Prepare ici la variante exacte a montrer ou a integrer chez un etablissement : plus compacte, avec ou sans assistant, avec ou sans branding Dorchestr, et avec un besoin prerempli si necessaire.

Mode compactIdeal si l’organisation veut integrer Dorchestr dans une section deja dense de son site.ActivéAssistant visibleActive la recherche assistée de créneaux et le cadrage du besoin directement dans le widget.ActivéBranding DorchestrLaisse visible l’habillage Dorchestr dans le widget embarqué.Activé

Service prérempliBesoin prérempli

Version actuellement préparée

compact actif · assistant visible · branding visible

Cette URL est celle que tu peux tester, partager ou intégrer immédiatement dans un site externe.

https://dorchestr.com/fr/widget/book/d59619c4-bfed-45f0-8830-b2b7e4301e51?compact=1&assistant=1&branding=1&service=premium-session&need=initial-consultation

Mode page publique

Dorchestr peut vivre comme page de reservation complete quand l’organisation n’a pas encore de site ou veut aller vite.

Mode widget intégré

Le meme moteur peut s’inserer dans un site existant pour garder l’image de l’etablissement tout en branchant la reservation.

Approche hybride

L’organisation peut demarrer avec la page Dorchestr, puis basculer ensuite vers le widget sans changer ses regles metier.

Aperçu direct

Voici le widget chargé en mode démonstration, exactement comme il peut apparaître dans un site externe.

compact actif · assistant visible · branding visible

Ordre de démonstration conseillé

Ce parcours te donne un pitch tres fluide pour rassurer une organisation pendant un rendez-vous commercial.

Étape 1

Commence par montrer la page publique complète pour prouver que Dorchestr sait déjà gérer toute la réservation.

Étape 2

Enchaine sur le widget pour montrer que l’organisation n’a pas besoin de refaire son site si elle veut garder son identite actuelle.

Étape 3

Copie le snippet script pour illustrer une intégration propre et crédible devant le client.

Étape 4

Termine par le mode prérempli pour montrer qu’un bouton “prendre rendez-vous freinage” peut ouvrir directement le bon contexte.

Snippets prêts à embarquerTu peux reprendre ces blocs tels quels pour une intégration simple, auto-redimensionnée et présentable dès la première démo.

Version iframe rapide

Le mode le plus simple pour integrer Dorchestr immediatement dans une page du site de l’etablissement.

<iframe
  src="https://dorchestr.com/fr/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>

Version script auto-redimensionnée

Le meilleur compromis pour un rendu plus propre, avec adaptation automatique de la hauteur du widget.

<div id="dorchestr-booking-widget"></div>
<script>
  (function () {
    const iframe = document.createElement("iframe");
    iframe.src = "https://dorchestr.com/fr/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>

Version préremplie

Pratique pour pousser un besoin précis depuis un bouton du site, comme un freinage ou une vidange.

<div id="dorchestr-booking-widget"></div>
<script>
  (function () {
    const iframe = document.createElement("iframe");
    iframe.src = "https://dorchestr.com/fr/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>