Booking Page Builder Components

You can place live Booking content on any page you build. The blocks below show your real services, staff, locations and packages, and even a working booking form, and they always stay up to date.

Finding the blocks

Open the Page Builder on any page, open the Blocks panel and look under Booking (or search for “booking”). Drag a block onto the page, select it and use Settings to choose what it shows. The Booking plugin must be active. For how blocks work in general see Dynamic Blocks & Shortcodes.

Block	Shows
Booking Services	A list or grid of your active services.
Single Booking Service	One service shown in the chosen design with its price, duration and a booking button.
Service Hero	A large, cinematic hero for one or several services, with picture, price, duration, rating, staff and two buttons (book / details).
Booking Form	The working booking wizard, embedded in your page.
Booking Summary	The live summary (service, time, price) of the booking form on the same page, placed wherever you like in the layout, for example in a sticky side column.
Services / Providers Marquee	A continuously moving ribbon of services or staff cards.
Booking Categories	Your service categories as cards.
Booking Providers	Your staff with photo, speciality and a booking button.
Booking Packages	Your packages (bundles of services) with price and what is included.
Booking Locations	Your locations with address and opening hours.
My Bookings	The signed-in customer’s own bookings.
My Calendar	A calendar of the signed-in staff member’s (or customer’s) bookings.

Designs and blocks

Most blocks have a Layout option. Leave it at Use Booking settings so the block follows the designs you chose in Frontend Designs, or pick one of the five designs just for this block.

Ready-made Booking sections

The Template Library contains many finished Booking sections and full pages (service pages, staff pages, location pages, booking pages). Many of them are data-bound: you pick the provider, service or location and the section fills itself. Use blocks for lists and functions, and these layouts for richly designed presentations.

Booking Services

A list or grid of your active services. Use it on the home page (“Our most popular treatments”), on landing pages for a campaign, or to build your own services page.

Filter by category or location to show only some services.
Search and Pagination turn the block into a full catalogue.
Choose a design in Layout, or leave it on Use Booking settings.

Option	Control	Choices
Layout	Choice	Use Booking settings, Photo, List, Split, Schedule, Ticket
Category	Search and pick	—
Location	Search and pick	—
Search	Text	—
Limit	Number	—
Paginate	On / off	—

Single Booking Service

One service shown in the chosen design with its price, duration and a booking button. Useful for a product-style page about one treatment.

Pick the service in the search box.

Option	Control	Choices
Layout	Choice	Use Booking settings, Photo, List, Split, Schedule, Ticket
Service `required`	Search and pick	—

Service Hero

A large, cinematic hero for one or several services, with picture, price, duration, rating, staff and two buttons (book / details). It can slide between services and has motion effects.

Choose one service, or several to make a slider.
Each Show … option hides or shows one piece of information.
The primary button starts a booking; the secondary opens details.

Option	Control	Choices
Services	Search and pick	—
Layout	Choice	Cinematic Split Hero, Fullscreen Immersive Hero, Layered Card Composition, Editorial Masthead Hero, Dynamic Showcase Hero
Round outer hero corners	On / off	—
Show description	On / off	—
Show category	On / off	—
Show price	On / off	—
Show duration	On / off	—
Show rating	On / off	—
Show provider	On / off	—
Show location	On / off	—
Show image	On / off	—
Show primary button	On / off	—
Primary button text	Text	—
Primary button action	Choice	Open booking checkout, View service details
Show secondary button	On / off	—
Secondary button text	Text	—
Secondary button action	Choice	View service details, Open booking checkout
Enable Rellax	On / off	—
Enable Tracking Parallax	On / off	—
Enable Typing Effect	On / off	—
Enable AOS	On / off	—
Enable gallery slider for a single service in Showcase layout	On / off	—

Booking Form

The working booking wizard, embedded in your page. Use it on a dedicated booking page, on a landing page, or beside a service description.

Choose the Booking Form to use, or leave it empty for the default form.
Preselect a service or package so the customer starts at the next step.
Limit the services offered to one location or category.
Pair it with the Booking Summary block to place the summary anywhere (see below).

Option	Control	Choices
Layout	Choice	Use Booking settings, Photo, List, Split, Schedule, Ticket
Booking Form `required`	Search and pick	—
Preselected Service	Search and pick	—
Preselected Package	Search and pick	—
Only services at location	Search and pick	—
Only services in category	Search and pick	—
Booking summary	Choice	Use the form setting, Where the design puts it, Bar under the form, Hidden, Inside the element below
Summary element ID	Text	—

Booking Summary

The live summary (service, time, price) of the booking form on the same page, placed wherever you like in the layout, for example in a sticky side column.

Add the block, then set the form’s Booking summary option to Inside the element below and enter the summary block’s element ID.

Option	Control	Choices
Title	Text	—

Services / Providers Marquee

A continuously moving ribbon of services or staff cards. Good for a dynamic home page.

Choose whether it shows services or providers.
Control the speed, direction, gap and pause-on-hover.
Choose which details each card shows.

Option	Control	Choices
Content type	Choice	Services, Providers (default: Services)
Layout	Choice	Premium Service Cards, Split Spotlight Cards, Provider Profiles, Minimal Typography Marquee, Numbered Feature Cards, Compact Service Strips, Metric Focus Cards
Number of items	Number	—
Category filter	Search and pick	—
Provider filter	Search and pick	—
Include IDs	Text	—
Exclude IDs	Text	—
Order	Choice	Ascending, Descending
Order by	Choice	Sort order, Name, Price (services), Newest, Random
Direction	Choice	Left, Right (default: Left)
Fallback speed	Number	—
Desktop speed	Number	—
Mobile speed	Number	—
Item gap (px)	Number	—
Pause on hover	On / off	—
Continuous loop	On / off	—
Show image	On / off	—
Show metadata	On / off	—
Show rating	On / off	—
Show price	On / off	—
Show category	On / off	—

Booking Categories

Your service categories as cards. Link visitors to the part of the catalogue they want.

Enter category numbers or slugs in Categories to show only some.

Option	Control	Choices
Layout	Choice	Use Booking settings, Photo, List, Split, Schedule, Ticket
Categories (IDs or slugs)	Text	—
Limit	Number	—

Booking Providers

Your staff with photo, speciality and a booking button. Filter to the people who perform a service or work in a category.

Pick a service or category to limit the team shown.

Option	Control	Choices
Layout	Choice	Use Booking settings, Photo, List, Split, Schedule, Ticket
Service	Search and pick	—
Category	Search and pick	—
Limit	Number	—

Booking Packages

Your packages (bundles of services) with price and what is included.

Option	Control	Choices
Layout	Choice	Use Booking settings, Photo, List, Split, Schedule, Ticket
Limit	Number	—

Booking Locations

Your locations with address and opening hours.

Option	Control	Choices
Layout	Choice	Use Booking settings, Photo, List, Split, Schedule, Ticket
Limit	Number	—

My Bookings

The signed-in customer’s own bookings. Use it on a customer page. Visitors who are not signed in are asked to sign in.

Place it on the page chosen as My Booking in Page Setup.

Option	Control	Choices
Layout	Choice	Use Booking settings, Photo, List, Split, Schedule, Ticket
Limit	Number	—

My Calendar

A calendar of the signed-in staff member’s (or customer’s) bookings.

The Events URL is filled in for you; change it only when told to.

Option	Control	Choices
Layout	Choice	Use Booking settings, Photo, List, Split, Schedule, Ticket
Events URL	Text	—

Troubleshooting

Symptom	What to do
The block is empty on the public page	There may be nothing to show: no active services, staff or locations, or a filter is too narrow. Check the options.
The block shows nothing in the editor	Booking must be active, and required choices (for example a service) must be filled in Settings.
A change to a service is not on the page	The page may be cached. See the Booking FAQ.
The summary does not appear where I put it	Set the form’s Booking summary to Inside the element below and type the exact ID of the Booking Summary block.

Frontend Designs · Dynamic Blocks · Data-Bound Sections · Booking Forms