Appointment Booking

Ce que fait cette section

The full booking experience: pick a service, staff, date, slot and confirm

Où elle se place

• Utilisable autant de fois que vous le souhaitez sur une page.
• Cette section est fournie avec le plugin Système de rendez-vous.

Styles

Différentes apparences pour la même section. Vous pouvez changer de style plus tard ; votre contenu est conservé.

Les 2 premiers styles de chaque section sont ouverts sur toutes les boutiques. Les suivants se débloquent avec le plugin Éditeur de pages, tous en même temps.

• Horizontal Steps

  Gratuitwizard

  Step-by-step wizard with a horizontal progress bar

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Single Page

  Gratuitsingle-page

  Calendar and slots side-by-side on one screen

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Vertical Steps

  Éditeur de pagesvertical-steps

  Calendly-style vertical step rail; completed steps collapse to summary

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Sidebar Summary

  Éditeur de pagessidebar-summary

  Persistent booking summary panel beside a swapping content pane

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Inline Calendar

  Éditeur de pagesinline-calendar

  Calendar always visible with an inline time list — no steps

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Compact Widget

  Éditeur de pagescompact-widget

  Condensed embeddable booking widget

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Concierge

  Éditeur de pagesconcierge

  Premium gradient summary rail with a live progress ring beside the active step

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Showcase

  Éditeur de pagesshowcase

  Immersive image-led service tiles + avatar staff strip + inline calendar

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Glass Wizard

  Éditeur de pagesglass-wizard

  Vibrant glassmorphism stepper on a gradient stage

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Accordion Flow

  Éditeur de pagesaccordion-flow

  Full-width accordion of step cards; the date step is a scrolling agenda of days with each day's times as inline chips (no month grid)

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Split Panel

  Éditeur de pagessplit-panel

  One-screen split: service and staff rail on the left; the date step is a 2D timetable grid (times × days) on the right

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Ticket

  Éditeur de pagesticket-stub

  A live boarding-pass ticket beside a chronological departure board of the next available times (morning / afternoon / evening filters)

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Duo Panel

  Éditeur de pagescalendar-duo

  Three-pane single view: a service/staff rail, the month calendar and a scrolling time column (grouped morning/afternoon/evening) side by side

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Date Rail

  Éditeur de pagesdate-rail

  A horizontal strip of the upcoming days on top and a grouped time-chip grid below — date and times on one screen, no month grid

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

• Focus Day

  Éditeur de pagesfocus-day

  Split spotlight card: a compact calendar and a live selection checklist on the left, the chosen day's times on the right

  Propres à ce style: title, subtitle, successMessage, preselectedServiceId, showServiceImage, showServiceDescription, showDuration, showPrices, preselectedStaffId, allowStaffSelection, showStaffPhotos, weekStartsOn, calendarStyle, slotButtonStyle, timeFormat, daysToShow, requirePhone, allowInstallments, enableCardSaving, showStepLabels, collapseCompletedSteps, summaryPosition, accentStyle, previewStep, successRedirect, authGateVariant, authGateIcon, authGateTone, authGateTitle, authGateDescription, authGateCtaLabel, authGateShowRegister, authGateBenefits

Réglages

Les champs affichés dans le panneau Réglages de section, à droite, lorsque cette section est sélectionnée.

Communs à tous les styles

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height