Booking Widget
Embed a booking flow for a selected event type.
The Booking widget embeds your booking flow directly on a page.
Add a Booking widget
1
Open the widget picker
In the page editor, open Widgets.
2
Drag Booking
In Sales & Leads, drag Booking (calendar icon) onto the page.
3
Open Booking Settings
Click the widget and choose Booking Settings.
Booking Settings
- Event Type: select an event type to display.
- If no event types exist, create one in the Booking section first.
- The widget shows a summary for the selected event type, including name and duration.
- Configure event types in Event Types and staff availability in Staff.
Visitor booking behavior
- The calendar highlights dates that have available slots for the selected staff member and event type.
- When an event has multiple staff choices, Hiveality chooses a ready staff member when it can and still lets visitors pick another available staff member when the event allows it.
- Group booking slots can accept more than one invitee when the event type sets seats per slot.
- If a selected meeting location is not fully configured, the booking flow shows a clear setup message instead of confirming an incomplete booking.
- When an event has location choices, the first available option is selected by default so visitors can continue with fewer taps.
Mobile behavior
The Booking widget adapts to the width of the page area where it is placed.
- Wide layouts show event details beside the calendar and time slots.
- Narrow layouts step visitors from date selection to time selection with a View Times action.
- Loading states reserve the calendar and time-slot space so the widget does not jump while availability loads.
- The compact time zone control shows the visitor's time zone and offset, with a Change action when space is tight.
After adding Booking to a page, validate spacing and layout in Responsive Design.
Toolbar actions
- Booking Settings
- Alignment
- Animation
- Copy
- Delete
Related Help Docs
Updated May 11, 2026
Was this helpful?