Appointment Booking

Qué hace esta sección

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

Dónde se coloca

• Puedes usarla tantas veces como quieras en una página.
• Esta sección viene con el complemento Sistema de citas.

Estilos

Distintos aspectos para la misma sección. Puedes cambiar el estilo más tarde; tu contenido se mantiene.

Los primeros 2 estilos de cada sección están abiertos en todas las tiendas. El resto se desbloquea con el complemento Editor de páginas, todos a la vez.

• Horizontal Steps

  Gratiswizard

  Step-by-step wizard with a horizontal progress bar

  Propios de este estilo: 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

  Gratissingle-page

  Calendar and slots side-by-side on one screen

  Propios de este estilo: 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

  Editor de páginasvertical-steps

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

  Propios de este estilo: 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

  Editor de páginassidebar-summary

  Persistent booking summary panel beside a swapping content pane

  Propios de este estilo: 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

  Editor de páginasinline-calendar

  Calendar always visible with an inline time list — no steps

  Propios de este estilo: 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

  Editor de páginascompact-widget

  Condensed embeddable booking widget

  Propios de este estilo: 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

  Editor de páginasconcierge

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

  Propios de este estilo: 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

  Editor de páginasshowcase

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

  Propios de este estilo: 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

  Editor de páginasglass-wizard

  Vibrant glassmorphism stepper on a gradient stage

  Propios de este estilo: 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

  Editor de páginasaccordion-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)

  Propios de este estilo: 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

  Editor de páginassplit-panel

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

  Propios de este estilo: 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

  Editor de páginasticket-stub

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

  Propios de este estilo: 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

  Editor de páginascalendar-duo

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

  Propios de este estilo: 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

  Editor de páginasdate-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

  Propios de este estilo: 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

  Editor de páginasfocus-day

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

  Propios de este estilo: 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

Ajustes

Los campos que aparecen en el panel Ajustes de sección, a la derecha, al seleccionar esta sección.

Comunes a todos los estilos

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