HappenBoard has four blocks for appointment booking, and HappenBoard Pro adds a fifth. Together they cover the whole visit: see the services, check when they are free, book, then find the booking again.
You find them in the HappenBoard category of the block inserter. The blocks overview lists the event blocks too.
Which block to use
| Block | What it does | Edition |
|---|---|---|
| Booking Page | The booking form for one service: calendar, times and a short form. | Free |
| Booking Types | A list of your services, each linking to its booking page. | Free |
| Booking Availability | The open times of one service, anywhere on your site. | Free |
| My Bookings | A signed-in customer’s own bookings, with a cancel button. | Free |
| Find a Time | A search across all your services for a free time. | Pro |
Booking Page
The Booking Page block takes the bookings. Its settings, what visitors see and what happens next are covered in publishing the booking page.
Booking Types: list your services
Add Booking Types to a page such as “Our services”. It shows each published booking type as a card, sorted by name, up to 50. A card shows the name, a line with the length and the price, a short description and a Book button. The name and the button open the service’s own page, where visitors book.
The Settings panel has three options:
- Columns: from 1 to 4. Default 2.
- Show duration: prints the length on each card. On by default.
- Show description: prints the Description written in the booking type editor, when it has one, cut to 22 words. On by default.
The price shows whenever a booking type has one above 0. With HappenBoard Pro pricing rules, it reads “From” followed by the lowest price. With no published booking type, the block says No bookable services yet.
The service page template
Each booking type has its own page. On a block theme, HappenBoard provides the Single Booking Type template for it: the service name, then the Booking Page block. In that template, the block has no booking type chosen, so it books whichever service is being viewed. Booking Availability works the same way when you add it there.
To change the layout, edit the template under Appearance → Editor → Templates. Your version then replaces HappenBoard’s, as explained in patterns and Site Editor templates. On a classic theme, the booking form appears under the content of your theme’s page.
Booking Availability: show open times anywhere
Booking Availability shows when one service is free, on a landing page, in a sidebar or on your home page. Each time links to the service’s page with that time already selected, if it is still free.
Its settings are in the Availability panel:
- Booking type: the service to show. Leave it empty only on the service page template, where it follows the service viewed. Elsewhere, an empty block shows nothing.
- Shape: Month calendar (the default) or Schedule list. A calendar suits a page, a list suits a narrow column.
- Days ahead: how far to look, from 1 to 180. Default 30. The booking type’s Max advance (days) still applies.
- Show the service name: the name, with a line giving the length, the format and the price. On by default.
In the calendar, only days with a free time can be picked, and the first one is selected. The list shows each open day with its times. A booking counted in days shows its range of dates instead of a time.
The times are the same as on the booking page, worked out from your availability.
My Bookings: the customer’s own list
Give My Bookings a page of its own, such as “My appointments”. It lists the signed-in visitor’s bookings in two groups: Upcoming, soonest first, then Past, most recent first. It shows up to 100 bookings.
- Show past bookings, in the Display panel: on by default. Switch it off for a page that only looks ahead.
Each row gives the service, then the date and time in your site’s time zone, with the zone named. Some rows carry a label: Awaiting confirmation for a request you have not answered, Cancelled, or Request declined. A row also says what is due or paid, such as Due on site: €65.00, or Paid online with HappenBoard Pro.
The Cancel button on an upcoming booking asks for confirmation first, then marks the row Cancelled. After the booking type’s Customer change cutoff, the block explains that the booking can no longer be changed online. To move a booking, customers use the link in their emails.
The block needs a login. A signed-out visitor sees Sign in to see your bookings. with a Sign in link that brings them back. Bookings made without signing in are not listed, because only the link in the confirmation email proves who made them. The block says so and points to that email.
Find a Time: search every service
The Find a Time block needs HappenBoard Pro. See what Pro adds.
Find a Time answers “who can see me on Thursday afternoon?” across all your services. The visitor picks a day in From and a period in How far, then clicks Find a time.
The results list the services free in that period, soonest first, with their first six free times. Each time opens the service’s booking page with that time selected.
Its Search panel holds:
- Heading: Find a time by default. Leave it empty to hide the heading.
- Window shown first: That day only, Within 7 days (the default), Within 14 days or Within 30 days. Visitors can change it.
- Time of day: adds Starting after and Starting before fields. On by default.
- Service keyword: adds a Service search box, matched against names and descriptions. On by default.
- In person / online / phone: adds a Where menu. Off by default.
- Price ceiling: adds an Up to field in your currency. A service with no price always stays in. Off by default.
- Most services listed: from 1 to 50. Default 12.
A search covers up to 50 published services that have at least one host. When nothing matches, the block says Nothing is free then. Try another day or a wider window.
Change how they look
Booking Page, Booking Types and Booking Availability accept color, spacing and typography settings, and wide or full width. My Bookings accepts spacing, typography and wide width. Find a Time accepts margin, padding, and wide or full width.
Next steps
- Creating a booking type: create the services these blocks show.
- Publishing the booking page: set up the block that takes the bookings.
- Patterns and Site Editor templates: edit the service page template.