Skip to main content

Scheduling & Booking Components User Guide

Category: Booking & Appointments
Registered Admin Route: /admin/page-components

This guide covers all registered appointment booking, calendar date selectors, event showcase banners, and booking request form components.


Figure 1 — The palette, in Page Builder Studio. A Storefront page offers 6 containers, 29 components and 5 widgets.
The complete field reference lives in the product, not here

Every row in the palette carries a ? button that opens that component's own help: overview, mental model, when to use it versus the alternatives, a complete property reference, worked recipes, accessibility and translation notes, gotchas, troubleshooting and an FAQ. It ships with the build, so it can never drift from the component you are configuring.

This guide is the map — which block to reach for and how they combine. The ? is the manual for each one.

The palette is page-type specific

A page's page type decides which blocks it is offered. If a component named here is missing from your palette, the page type is why — not a missing permission. See Visual Builder mode.

1. Booking & Date Selection Components​

UI Controls & Options​

Component TypeDescriptionKey Configurable Dropdowns & InputsData Source Origin
schedule_datesCalendar date picker• Select Schedule: Pick schedule calendar
• Date Range: Next 7 Days, Next 30 Days, Custom Month
Populates from Orbits ➔ Schedules.
schedule_selectorTime slot grid selector• Slot Interval: 15 min, 30 min, 60 min
• Show Timezone Selector: Toggle timezone dropdown
Schedule time slot configuration.
showcase_scheduleHighlighted booking banner• Hero Title: e.g., Book a Free Strategy Consultation
• Primary CTA: e.g. Select Time Slot
Typed by user.
request_a_dateDate booking enquiry form• Allow Custom Date Request: Toggle guest date picker
• Require Contact Info: Mandatory name & email
Form submission handler.

A. Interactive Booking Calendar (booking_calendar)​

B. Event List (event_list) & Event Card (event_card)​

C. Event Registration Form (event_registration_form)​