Your public booking page and embed
Your booking page is where clients book with you online, day or night. This guide covers finding your link, giving each person their own, filling the page out, branding it, and putting it on your own website.
Watch: setting up your booking page
Setting your booking page address, branding it, and sharing the link with clients.
If the video does not load, watch it on YouTube.
Before you start
Your booking page only shows times once three things are true:
- You have at least one calendar, one per person or chair, added under Calendar Availability.
- That calendar has working hours set. See business & calendar hours.
- You have at least one service, ticked against that calendar. See set up your services.
Miss any one and your page will load and look right, but offer nothing to book.
Who can do this: admin only. If your sidebar shows Account rather than Settings, this screen is read only for you.
Where clients book
Your link is your booking page address with /book/ in front of it.
Open Settings, then the Booking Page tab. In the Your booking page card, the Booking page address box holds your part of it. Click Open booking page in a new tab to see the whole thing, then copy it from your browser's address bar.
Three ways guests can book
The hosted page, an embed inside your website, and a direct practitioner link all share the same booking flow.
Share it anywhere: your social bios, your Google Business profile, a "Book now" button, posters, or a QR code.
Pick your address early. Changing it later breaks every existing link and every printed QR code, and nothing can redirect the old one.
Give each person their own link
As well as your main link, every calendar can have its own, so a client lands straight on that person's diary.
- Open Calendar Availability from the sidebar, then the Calendars tab.
- On a calendar's card, find Booking link and type a short segment, usually a first name, such as
dave. - Click Save. The full link is your booking link with that on the end, for example
.../book/sharps-barbers/dave. - Click Copy to put it on your clipboard, or Open page to see it.
Use these in each person's own social bio. Clients who do not mind who they see should still get your main link.
Fill out the rest of your page
Still on the Booking Page tab, inside the Your booking page card, are three more groups. Each has a switch that shows or hides that tab on your public page.
- Services. Add a photo to each service. Names, lengths, and prices come from your services, so edit those on the Services page.
- Meet the team. A photo, a short bio, and what each person specialises in. Worth ten minutes, because it is the part clients actually read.
- About. A welcome message in your own words, a map, a gallery, and links to your social accounts.
Everything saves as you go. Use Live preview to watch it change.
Brand your page
In the same card you can set a Brand colour, used for buttons, highlights, and accents, and an optional Accent colour.
Photo rules: logos and cover photos must be JPEG, PNG, or WebP and under 5MB. iPhone HEIC photos are refused, so export as JPEG first.
Put it on your own website
- Scroll to Website widget & QR code. Inside it sits a card called Booking widget & QR code, holding two sections: Embed code and QR code.
- In Embed code, click Copy code. It is two lines: an iframe and a small resize script. Paste both.
- Give the code to whoever looks after your website, or paste it into your website builder's HTML or embed block.
The widget has its own Accent colour, separate from your booking page colours.
If the colour will not save: you will see Could not save accent colour. Use 6 hex digits. Clear the box completely and click away. That resets it. The Reset button only appears once the colour is already valid, so it will not help here.
Booking Page tab: Embed code and QR code
The Embed code card holds the snippet and accent picker; the QR code card has a downloadable code.
Print a QR code
In the QR code section, click Download QR code. Your business name is printed underneath it.
Warning: the QR code encodes your current booking page address. Change the address and every printed code stops working, so settle on it before you print.
When booking is paused
If your ResNeo subscription lapses or a payment to ResNeo fails, online booking pauses. Clients opening your link see a page headed Online booking unavailable, telling them to contact you directly, so keep your phone number easy to find elsewhere.
This is about your ResNeo subscription, not about client card payments. Fix it under Settings, then Plan. Booking restarts as soon as the subscription is active, with your page and link exactly as they were.
Common problems & fixes
| Problem | Likely cause | Fix |
|---|---|---|
| My page loads but there are no times to pick | No service is ticked against a calendar, or that calendar has no working hours | Open Services and tick a calendar on your service, then check that calendar's hours |
| My link shows a "page not found" screen | The Booking page address was changed or mistyped | Check it under Settings, then Booking Page |
| Clients see Online booking unavailable | Your ResNeo subscription lapsed or a payment failed | Fix it under Settings, then Plan |
| Copy code does not work | Your browser blocked clipboard access | Select the code in the grey box above the button and copy it by hand |
| The widget is cut off or has its own scrollbar | Only the iframe line was pasted, not the resize script | Paste both lines of the embed code |
| The accent colour will not save | The value is not 6 hex digits | Clear the box completely and click away to reset it |
| My old QR code stopped working | Your booking page address changed | Download a fresh QR code. Anything already printed is dead and cannot be redirected |