Publishing the booking page

Available in:Free

The Booking Page block is where visitors book: a month calendar, the free times of the chosen day and a short form. You can add it to any page, or use the page each booking type already has.

Before you start

Without these, the block shows No times available. instead of the calendar.

Use the booking type’s own page

Every published booking type has a page of its own, at an address starting with /booking/. Open it from the Booking types list with View (opens in a new tab), and link to it from your menu or your pages.

On a block theme, the Single Booking Type template shows the service name, then the booking form for that service. On a classic theme, the booking form appears under the page content. The booking blocks explains how to edit that template.

Add the block to a page

  1. Create or open the page you want people to book from.
  2. Add the Booking Page block, from the HappenBoard category or by typing its name in the block inserter.
  3. In the block settings, open the Booking panel and choose your service in Booking type.
  4. Optionally, write an Intro text. It appears at the top of the block, as plain text.
  5. Publish the page.

Until you choose a booking type, the editor shows a placeholder and visitors see nothing. If the list is empty, create a booking type first.

What visitors see

The block shows your intro text, the service name as a heading and a line with its length, format (In person, Online or By phone) and price. On the booking type’s own page, the page title already names the service, so the block does not repeat it.

Below comes the scheduler: a month calendar on one side, the times of the selected day on the other. Only days with a free time can be clicked. The calendar opens on the first month that has one, and the arrows go as far as the booking type’s Max advance (days). Times load a month at a time, so even a long booking window opens quickly.

Some booking types ask a question first, and the times follow the answer:

  • How long, when the customer chooses the length.
  • With, when the customer chooses the host and there are several.
  • With HappenBoard Pro, Who is coming for prices per person, and the choice of a shared resource.

Choosing a time shows a summary with the price for that time and those choices, worked out live. The form asks only for Your name and Email. A signed-in visitor finds both filled in from their account, and can change them. The button reads Confirm booking, or Request booking on a booking type that needs your approval.

The visitor’s time zone is detected from their browser and named under the times.

After a visitor books

A confirmation panel replaces the calendar, with the time booked, its time zone and the price. The booking appears at once under HappenBoard → Bookings, and the customer receives an email with a calendar invite. On a booking type that needs approval, the panel and the email say the request has been sent instead (see approving booking requests).

A visitor signed in when booking finds the booking in the My Bookings block.

The time is checked again when the form is sent. If someone else took it in the meantime, the visitor is asked to pick another one, so a host is never booked twice.

With HappenBoard Pro and online payment, a priced booking goes to Stripe for payment, and the visitor comes back to the confirmation. See booking payments, deposits and pricing rules.

How customers move or cancel a booking

The confirmation, the reminders and the email about a moved booking have a link to move or cancel the booking. It opens a page on your site where the customer can:

  1. Click Pick another time, choose a new time in the same calendar, then click Move my booking to this time.
  2. Or click Yes, cancel my booking.

Only free times are offered, and the booking keeps its length, its seats and its price. It stays with its host when that host is free at the new time. If the customer chose the host, only that host’s free times are offered.

After a move, the customer receives an email with an updated calendar invite, and the host and the site administrator are told.

Both are possible until the booking type’s Customer change cutoff. After that, the page asks the customer to contact you. You can still cancel from the Bookings screen.

Change how it looks

In the block settings, you can set background, text and link colors, padding, margin, spacing, font size and line height. The block also accepts wide and full width, which gives the calendar and the times more room.

Spam protection

Two checks are always on: a hidden field that only bots fill in, and a timer that rejects a form sent too fast or replayed later. The same address can also send 8 bookings a minute at most, and the same email 5 an hour.

For more, switch on Cloudflare Turnstile or Akismet under HappenBoard → Integrations. See protecting your forms from spam.

Next steps