Comment créer votre page de réservation en ligne dans Workspace369

Ouvrez Paramètres, puis Pages de réservation sous Calendrier et réservation. Cliquez sur Nouvelle page, donnez-lui un nom que vos clients verront et choisissez un style. Sous Services, désactivez tout ce que vous ne voulez pas sur la page, définissez vos règles de réservation et cliquez sur Créer la page.#

Oui. Sous Styles, choisissez un style pour définir les couleurs, les polices et la mise en page en un clic, et choisissez une couleur de marque. L'aperçu montre exactement ce que verront vos clients avant que vous créiez la page.#

Non, c'est vous qui choisissez. Les règles de réservation vous permettent de confirmer les réservations immédiatement ou d'approuver d'abord chaque demande. Chaque page de réservation offre à vos clients une façon différente de réserver, et vous pouvez en créer plusieurs.#

Dès que vous cliquez sur Créer la page, elle est en ligne. Partager et intégrer vous donne le lien et un QR code à partager, ou un moyen d'intégrer la page à votre site web.#

Dans Paramètres, ouvrez Pages de réservation, ouvrez la page, et cliquez sur Partager et intégrer. Sous Intégrer sur votre site web, choisissez un format : En ligne, Bouton popup, Votre formulaire ou Iframe simple. Cliquez sur copier, collez le code dans le HTML de votre site web ou dans un bloc de code (dans WordPress, Squarespace, Wix ou Webflow, utilisez un bloc HTML ou d'intégration), publiez votre site, et effectuez une réservation test. Le code contient déjà votre ID d'espace de travail et votre page, il n'y a donc rien à remplir.#

Inline place le calendrier de réservation sur la page où vous collez le code, et il s'ajuste à son contenu. Le bouton popup ajoute un bouton 'Réserver maintenant' flottant à chaque page où vous le collez, et tout élément avec l'attribut data-w369-booking l'ouvre également. Votre formulaire charge le même script avec data-mode="api", donc votre propre formulaire ou bouton peut appeler W369Booking.open() avec le nom, l'e-mail et le téléphone du client (numéros de téléphone au format E.164, comme +14155550100), ou W369Booking.mount() pour l'afficher à l'intérieur de votre propre élément. Iframe simple est pour les constructeurs de sites qui bloquent les scripts : hauteur fixe, pas de popup. Les scripts d'intégration chargent https://369.dev/booking.js.#

Oui, avec les intégrations de script. Ajoutez data-prefill-name, data-prefill-email, data-prefill-phone (E.164, comme +14155550100) et data-prefill-notes à la balise de script, ou passez les mêmes valeurs en tant que prefill à W369Booking.open() ou W369Booking.mount(). data-service et data-member présélectionnent un service ou un membre de l'équipe, en utilisant les ID de l'onglet IDs développeur dans Partager et intégrer, et data-step="time" saute le formulaire de détails une fois que le nom, l'e-mail et un téléphone valide sont remplis. Les champs supplémentaires vont dans les métadonnées (jusqu'à 20 clés) et sont enregistrés avec la réservation et sur le dossier d'un nouveau client. Pour suivre d'où proviennent les réservations, passez vos valeurs UTM en tant que source dans W369Booking.open() ou mount() : elles apparaissent sous Source de la réservation sur le dossier du nouveau client. Les balises UTM sur l'adresse de votre page seule sont transmises mais pas enregistrées. Lorsqu'une réservation est effectuée, la page déclenche un événement w369:booked avec l'ID de réservation ; pour une réservation avec un acompte, il se déclenche avant le paiement.#

Inline et W369Booking.mount() grandissent et rétrécissent pour s'adapter à chaque étape de la réservation. La fenêtre contextuelle s'ouvre dans une fenêtre allant jusqu'à 1000 par 720 pixels qui défile à l'intérieur, et se ferme avec le bouton de fermeture, la touche Échap ou un clic à l'extérieur. L'iframe simple mesure 900 pixels de haut, sauf si vous modifiez sa hauteur dans le code. Le bouton flottant de la fenêtre contextuelle se trouve dans le coin inférieur droit : modifiez son texte avec data-label (jusqu'à 40 caractères) et sa couleur avec data-color (une couleur hexadécimale comme #111827), ou sautez-le avec data-mode="api" et ajoutez data-w369-booking à l'un de vos propres boutons ou liens. La référence complète se trouve dans le guide d'intégration : docs.workspace369.com/v/2026.3/scheduling/embed-booking-on-your-website/#

Oui. Les arrhes ou le paiement intégral à la réservation sont définis sur la page de réservation elle-même, de sorte que tous les formats d'intégration les acceptent, car chacun ouvre votre page de réservation. L'API REST ne peut pas créer de réservation avec un acompte, donc si vous avez besoin d'un acompte, envoyez les clients via la page de réservation intégrée plutôt que de créer des réservations via l'API. Dans une intégration, le paiement ouvre Stripe dans le même onglet de navigateur, et après avoir payé, le client voit la confirmation avec un bouton pour revenir à votre site Web.#

Oui. Dans Partager et intégrer, listez jusqu'à 20 sites web autorisés, ou laissez vide pour autoriser n'importe quel site web. Les iframes simples ne peuvent pas être restreints de cette manière. Chaque intégration affiche un petit crédit "Propulsé par Workspace369".#

Aucun compte n'est nécessaire. Les clients ouvrent votre page de réservation, choisissent un service, puis un jour et un horaire. Enfin, ils ajoutent leurs coordonnées et réservent.#

Les pages de réservation sont incluses dans les plans Specialist, Commander et Enterprise. Cadet et Voyager incluent le calendrier et les rappels de rendez-vous par e-mail, mais pas de page de réservation.#