The Select a time button shows on your service's product page. To take bookings somewhere else, such as your home page or a "Book a tour" page, add one of these blocks with the theme editor:
| Block | What customers see | Good for |
|---|---|---|
| Popup Calendar Button | A Book now button that opens the calendar in a pop-up | A home page banner |
| Inline Calendar | The calendar, right on the page | A page just for booking |
| Featured Service Card | The service with its photo and price, and a Select a time button | Showing off one service |
Each block shows one service. To show several services together, see Show all your services on one page.
Add a block
- On the Dashboard, open the service.
- Click the Storefront tab.
- Find the block you want: Popup booking button, Inline calendar, or Featured Service Card.
- Click Copy ID and open theme editor. The app copies the service's Event Unique ID and opens your theme editor with the block ready to add.
- In the block settings, choose the service's Product.
- Paste the ID into Event Unique ID (press Cmd + V on Mac or Ctrl + V on Windows).
- For the button, change Button label if you like. The default is "Book now".
- Drag the block to where you want it on the page, then click Save.
For the Featured Service Card, click Open homepage theme editor instead. Add a Featured product section, then add the Featured Service Card block inside it.
The theme editor preview does not always show the calendar. Open your live store to check it.
The button and card take their style from your theme's buttons, so they match your store.
Use PageFly or another page builder
On the Storefront tab, each block has a Using PageFly Page Builder option. It shows a short piece of HTML that already has your service's details. Copy it into a Custom HTML block in your page builder.
This needs both the page builder's app embed and the Appointment Booking app embed to be on.
Where to find the Event Unique ID
The ID is at the bottom of the service's Storefront tab, under Event Unique ID, with a copy button. You only need it if you add a block by hand.