Introduction
Booking page is where you set how your online booking page looks and what it says: your logo, colours and fonts, the layout, which sections show and in what order, the words on the page and in the booking steps, and the contact details clients see. A preview of your page sits beside the controls and shows your changes before you apply them.Looking for Settings > Online booking, or Appearance? It’s now called Booking page: open Settings > Booking page.
Opening the Booking page
- In the main menu, go to Settings
- Select Booking page
The top bar
From left to right:- Settings - back to your settings
- Booking page - the page’s name, on a wide screen
- Online booking: On or Off - opens or closes your booking page (see Online booking on or off)
- Phone, Tablet and Desktop - the size of the preview, on a wide screen
- View booking page - opens your live booking page in a new tab, from tablet width up
- ⋯ (More actions) - Get your link, QR code and embed code takes you to the Online booking page, and Booking page help opens this guide
Online booking on or off
The Online booking switch decides whether clients can book through your booking page. Unlike most of this page, it saves the moment you switch it.- On - your booking page is live and accepting appointments
- Off - clients who open your booking link see a page saying you aren’t taking online bookings right now, with your phone number and email if you show them on your booking page. Existing appointments are unaffected
Recommendations
Above the cards, Bella lists its recommendations for your page’s look and sections: adding a logo, a banner image or your About text, adding photos to a gallery that’s switched on with none, or adding profile photos for team members. Open the list to see each one. Edit beside a recommendation opens the card that fixes it, or the page that does: About is on Business settings and profile photos are on Team. When there’s nothing to recommend, the list doesn’t show.The cards
The controls sit in eight cards. Select a card’s header to open it; opening one closes the one before, so the list stays short. Each header says what the card holds and carries a chip with its state. An amber dot beside a card’s name means it has changes you haven’t applied yet.
Default means a card is as Bella set it up, and Customised means you’ve changed something in it.
Brand
Your logo, banner image, colours and typography.Detected from your website
When your business has a website in Business settings, Bella can read your logo and brand colour from it. Select Scan my website if nothing shows yet, then Apply beside what Bella found. An applied logo or colour saves straight away, like an uploaded picture.Logo
Upload your business logo (200x200 px, square, max 10 MB) and crop it to fit. The logo appears in your booking page’s navigation bar. Select Replace logo to change it or the delete button to remove it. The logo saves as soon as it uploads.Banner image
Upload a banner image for the top of your booking page. For best results:- Size: 1200x800 px or larger
- Orientation: landscape (wider than tall)
- Max file size: 20 MB
- Accepted formats: JPG, PNG, WebP, and HEIC (iPhone photos)
Focal point
After you upload a banner, the Set focal point picker opens. Open it again any time with the crosshair button beside your banner.
Brand palette
Custom colour
Select Pick a custom colour below the palette list to set your own brand colour with a colour picker or a hex code. The picker shows the colour’s contrast ratio against white, so you can check it’s readable.Typography
Set how text looks across your whole booking page. You style text by group, not one item at a time, so every heading, service name and question stays consistent.
Titles never go smaller, so a category heading always stays above the questions under it. Your text colours stay readable: if a colour is too pale for the background it sits on, Bella darkens it just enough to read clearly there. Select Reset beside a colour to go back to the default.
Landing page
The layout of the top of your page, whether the banner and footer show, and the page’s own words.Layout
The list marks Best fit beside Immersive and Boutique when your banner is 1200 px wide or more. It says Needs a banner image on the layouts that use one while you have no banner, and Upload a wider image when yours is narrower than a layout needs.
Banner includes business name
With a banner image on the Immersive or Boutique layout, set Banner includes business name to On if your image already shows your business name. Bella then hides its own heading text where it would overlap the image, so the name doesn’t appear twice.Banner and footer
Set each one to Shown or Hidden:- Banner - your banner image at the top of the page. Hidden, your page looks as it does with no banner image, and your image stays saved for when you show it again
- Footer - the contact details, opening hours and quick links at the foot of every page. Hidden, they leave every page, and the bottom line with your copyright, Powered by Bella Booking and Browse businesses stays
Landing page text
Under Text:- Book now button - the main booking button shown in the menu, the header and the booking bar (up to 28 characters, such as “Our Services / Book Online”). Default: “Book Now”
- Booking bar prompt - the line beside the button in the floating booking bar. Default: “Ready to book your appointment?”
- Call-to-action heading - the closing call to book near the foot of the page. Default: “Ready when you are”
- Call-to-action description - default: “Pick a time that suits you.”
Page sections
Change the order
- Drag the grip on the left of a row. On a phone or tablet, press and hold the grip, then drag
- Or open the row’s menu (⋮) and choose Move up or Move down
Show or hide a section
Each row has Shown and Hidden. A hidden section leaves your landing page, the menu and the footer’s quick links together, and its row stays here so you can show it again. See Showing or hiding parts of your page.Section text
Select Edit text on a row to reword that section: the heading and subtitle for Services, Team, Gallery and Reviews, and for Gift cards, Packages, Memberships and Products the promo card’s heading and description plus the heading and subtitle of the page clients open from it.Gallery
Gallery photos are uploaded under the Gallery row while it’s shown. Upload up to 30 photos to show your work and your space. The gallery appears as a masonry layout on your booking page, and clients can open any photo full screen.The gallery is your business’s own set of photos and is not tied to any one service. To put photos beside a particular service in your booking list, use service images instead.
- Size: at least 600x400 px; 1200 px or wider looks best
- Max file size: 20 MB each
- Accepted formats: JPG, PNG, WebP, and HEIC (iPhone photos)
- Your business space and interior
- Work samples and before/after results (with client permission)
- Team members at work
- Product displays
Sections not on your page yet
Gift cards, Packages, Memberships, Products and Reviews appear once that feature is on and has something to show. Until then they’re listed under Not on your booking page yet, each with the reason and a link to where you turn it on. Once it’s on, its row joins the list, ready to move and reword.Announcement
A highlighted notice near the Book now button at the top of your booking page: a holiday closure, a parking change, “please arrive 5 minutes early” or a seasonal promo. Type your message in the box. Leave it empty to hide it: an empty announcement never shows anything on the page, so you can take it down any time by clearing the text and applying the change. The message keeps its line breaks and can be up to 500 characters. It shows on every layout and screen size, but not inside the booking steps.Important information
Tell clients what they should know before they book, such as how to choose a service, how to prepare, where to park or who can book. Clients see a strip with your title near the Book now button at the top of your booking page and at the top of the Services step. Tapping it opens your images, then your text. The Important information card has:- Title - up to 60 characters, such as “First-time client guide” or “Before your appointment”. Leave it empty and clients see “Important information”.
- Images - up to 10, shown above your text. Each one saves as soon as it uploads, and clients can tap one to see it larger.
- Text - up to 4,000 characters, with bold, italic and bulleted or numbered lists. Links aren’t supported.
For a temporary notice, such as a holiday closure, use the Announcement. Terms clients agree to belong in Terms, privacy and waiver, and what clients need after they book belongs in your automated messages.
Booking steps
The words a client reads in the booking steps after they tap Book now, and three options.Booking step text
Under Text:- Services step heading and subtitle - defaults: “Services” and “Choose the services you’d like to book”
- Team member step heading and subtitle - defaults: “Team member” and “Select your preferred professional”
- Date & time step heading and subtitle - defaults: “Date & time” and “Pick a date and time that works for you”
- Continue button - the button that moves a client to the next step, up to 28 characters. Default: “Continue”
- A client who is rescheduling sees “Select new date & time”, with its own subtitle, on the date step
- The final Review & book step keeps its heading, description and Book appointment button, the agreement switches for your terms and conditions and waiver, and the optional promotions switch
- The wording about appointment texts where clients give their mobile number
- The “Who is this appointment for?”, Products and Waitlist steps
- The Continue button reads “Skip” on the Products step while nothing is selected
Opening hours
Show opening hours (On or Off) controls whether your weekly hours appear on the booking page: in the page footer, as an open or closed badge near the top, inside the booking steps when a day has no times left, and in the information search engines read about your business. It’s on by default. Turn it off if you’re appointment-only or your hours vary, so visitors don’t see a fixed weekly schedule. This only changes what’s displayed: it doesn’t affect which times clients can book, which are still set by your working hours and team schedules.Members-only services
Hide members-only services (On or Off) decides how a members-only service or bundle appears to someone who can’t book it. It’s off by default. Off, the service stays on your booking page with a Members only badge, so people can see what joining gets them. If you sell memberships online, the card also offers a way through to your plans. That’s the setting to keep if members-only work is part of how you sell memberships. On, it comes off the booking page entirely for anyone whose own membership doesn’t cover it. That covers the whole page, not just the service list:- The service list in the booking steps, and the search box that filters it
- Bundles, including a bundle that’s members-only only because one service inside it is
- Your landing page’s service list, and the information search engines read about you
- A shared link straight to that service, which now says the service isn’t available rather than naming it
- Rebooking a past appointment, starting a booking from a package, and resuming a saved booking, which all drop the line rather than pre-filling it
- Your gift card page’s service and bundle picker. This one hides members-only items from everyone, members included: gift buyers usually aren’t the member, so listing the work there would advertise it
Hidden means hidden from your booking page, not secret. A member whose plan covers the service still sees it when booking, at their member price. If their plan includes a set number of sessions, the service comes off their page once this cycle’s allowance is used up, the same way the Members only lock treats an exhausted allowance today. Your team can still book it for anyone from the Scheduler. And the setting decides what’s shown, never who may book: that’s still the Members only toggle on the service or bundle itself, which Bella checks again when the booking is submitted.
Choose team member
Whether clients pick their own team member is set on Booking policies, where each service can also have its own rule. This card shows your business-wide choice, On or Off, with a Set on Booking policies link to change it.Contact details
Choose which of your business details clients see on your booking page. Each row shows the detail clients would see and is set to Shown or Hidden. The details themselves are edited on Business settings (select Edit).- Phone number - in the footer and in the information search engines read. Most page layouts also show it near the top
- Email - in the footer
- Website - in the footer
- Social links - your Instagram, Facebook and TikTok, in the footer and near the top of the page
- Address - Full address, an area-only option named for your country (“Suburb and state only” in Australia, “City and state only” in the US), or Don’t show my address
Hiding a detail here only stops it being published. Your receipts, appointment confirmations and automated messages still use the details you’ve saved in Business settings, so you never need to delete a detail just to stop showing it.One exception: Reserve with Google needs a published street address, because the Book button sends clients to your door. If you set Address to the area-only option or Don’t show my address, your listing is held back from Reserve until you switch it back. The card warns you, and the Reserve panel on the Online booking page shows it as a checklist item.
Analytics & tracking
Connect your own tracking to your booking page by pasting its ID:- Google Analytics 4 measurement ID (it looks like
G-XXXXXXXXXX) - Google Tag Manager container ID (it looks like
GTM-XXXXXXX) - Meta Pixel ID
- TikTok Pixel ID
Bella’s wording and yours
Each word field for the page’s buttons, headings and booking steps shows Bella’s wording in grey while it’s empty, and that’s what clients see. The Announcement and the Important information text have no default: empty, they don’t show. Type in the field to use your own words. Once a field holds your words, Reset to default beside its name empties it again, so clients see Bella’s wording once more.Applying your changes
Your changes don’t reach clients straight away. Each one waits in the changes bar at the bottom of the screen, and the preview shows your page with them, until you apply them all together:- N changes to review - select it to see the list: each change with its old value and its new one
- Apply N changes - puts them all live on your booking page
- Discard - drops them all, and every card goes back to what’s live
- The Online booking switch
- Pictures: your logo, banner image, gallery photos and Important information images, each as it uploads or when you remove it
- A logo or brand colour applied from Detected from your website
The preview
From tablet width up, a preview of your booking page sits beside the cards. It shows your page with every change you haven’t applied yet. While any are waiting, the line above it turns amber and reads Not live yet: 1 change you haven’t applied. Once you apply or discard them, it goes back to Bookings made here aren’t saved or charged. Above the preview, Landing page and Services step switch it between your landing page and the first step of booking. On a wide screen, use Phone, Tablet and Desktop in the top bar to change its size, and drag the divider between the cards and the preview to resize them. The preview is your own booking page, so its links and buttons still work: tap Book now to walk through the booking steps with your own words. When you open a card, the preview shows the part of the page that card changes and outlines it (Analytics & tracking changes nothing you can see). If that part is only on one page, the preview switches to it: Booking steps goes to the Services step, and the Landing page, Page sections, Announcement and Contact details cards go to your landing page. Your menu bar and the Important information strip are on both pages, so they’re outlined on whichever one the preview shows. On Page sections, pointing at a row outlines its section. While you edit Important information, it opens in the preview the way clients see it, so you can read your words as you type.Click to edit
Point at any part of the preview and it’s outlined with its name, such as Team · Click to edit. Click it to open the card that changes it:- A section opens Page sections, with that section’s row highlighted
- The menu bar at the top opens Brand
- The top of the page and the closing call to book open Landing page
- The announcement and the Important information strip open their own cards
- The footer opens Contact details
- On the Services step, the step’s heading opens Booking steps
Showing or hiding parts of your page
You can hide any section of your landing page, the banner or the footer, for example to make your booking page match your own website. Each part has Shown and Hidden, and like other changes they wait for Apply.
Hiding a section doesn’t switch its feature off. Clients can still book through Book now with Services hidden, and a direct link to your gift cards, packages, memberships or products, such as one you’ve shared or a QR code, still opens that page. To stop selling something online, switch it off in its own settings.
On a phone
On a phone, the cards fill the screen. Tap Preview in the top bar to see your page in their place, under a Preview heading with Landing page and Services step below it, and tap the close button to go back to the cards. Tapping a part of the preview closes it and opens that part’s card. The changes bar works the same way as on a larger screen.FAQs
Q: What happens if I turn online booking off? A: Clients who open your booking link see a page saying you aren’t taking online bookings right now. It shows your phone number and email so they can reach you, unless you have hidden them under Contact details. Existing appointments remain unaffected. If clients have booked through your page, search engines can keep showing it for 90 days. Q: Do my changes go live as soon as I make them? A: No. They wait in the changes bar at the bottom of the screen, and the preview shows them, until you select Apply. The Online booking switch and picture uploads are the exceptions: they save straight away. Q: Can I hide a section, the banner or the footer? A: Yes. Every row on Page sections has Shown and Hidden, and the Landing page card has the same choice for the banner and the footer. A hidden section leaves your landing page, the menu and the footer’s quick links together. See Showing or hiding parts of your page. Q: Can I change the wording on the Book Now button? A: Yes. Go to Settings > Booking page, open Landing page and change Book now button under Text, then apply it. The new label (up to 28 characters) applies everywhere the button appears: the menu, the page header and the booking bar. Q: My clients don’t speak English. Can I put the booking page in our language? A: You can rewrite the copy Bella supplies. In Settings > Booking page, the Landing page card covers the landing page’s words, Edit text on each Page sections row covers that section’s headings, and the Booking steps card covers the services, team member and date steps plus the Continue button. Your own service, bundle and team member names already show exactly as you typed them. The rest of the interface stays in English whatever language a client’s phone or browser uses, and clients can run the page through their browser’s own translate feature. Q: Can I change my booking page URL? A: Your booking URL is automatically generated based on your business name. Contact support if you need to change it. Q: Can I use my own domain, or take the Bella Booking name off? A: There’s no setting for either. Your booking page lives at your Bella booking link, such ashttps://booking.bellabooking.com/your-business. Its footer shows Powered by Bella Booking and a Browse businesses link to the Bella directory, even when you hide the rest of the footer, and every email your clients get ends with Powered by Bella Booking. What you brand is the page itself (logo, banner, colours, layout, sections and wording) and the wording of your automated messages. If you run a group of locations and need your own domain or fuller white-labelling, contact support.
Q: I have multiple locations - can one link let clients choose a location?
A: Each location has its own booking page with its own URL, so clients book directly with the right location. There isn’t a combined page that asks the client to pick a location first - share each location’s link where it’s most relevant (for example, on the matching location page of your website, or in that location’s social profiles).
Q: Which layout should I choose?
A: If you have a strong banner image, try Immersive or Editorial. Without a banner, Classic works best. For boutique or high-end businesses, Boutique gives an elegant, minimal feel. Pick one on the Landing page card and the preview shows it before you apply it.
Q: Can my booking page show only the categories until a client opens one?
A: Bella does this by itself on a larger menu, and there’s no setting for it. Once you have four or more categories, or two or three holding more than 12 services and bundles between them, each category shows as a bar the client taps to open: with five or more categories they all start closed, otherwise the first one starts open. The Services step of booking works the same way, and the layout doesn’t change it.
Q: Do I need to upload all images (logo, banner, gallery)?
A: No, all are optional. However, a complete booking page with branding elements creates the best client experience.
Q: Can I use a custom brand colour?
A: Yes. On the Brand card, select Pick a custom colour below the palette list. You can enter any hex colour, and the picker shows the contrast ratio so you can check your colour is readable.
Q: What is the focal point?
A: The focal point tells each layout where the most important part of your banner image is. Different layouts crop your banner at different aspect ratios, and the focal point keeps the key area visible in every crop.
Q: Where do I configure cancellation policies and payment settings?
A: All booking policies are configured in Settings > Booking policies. See Booking policies for details.
Q: Where do I configure whether clients can choose team members?
A: On Settings > Booking policies, under Client display (Choose team member). Each service can override it on its Booking policies tab in the Service Catalogue. The Booking steps card on this page shows the business-wide choice, with a link to Booking policies.
Q: How do I preview my booking page on different devices?
A: On a wide screen, use Phone, Tablet and Desktop in the top bar of the Booking page to change the size of the preview. You can also select View booking page to open your live page in a new tab. On a phone, tap Preview.
Q: How do I show a temporary notice, like a holiday closure, on my booking page?
A: Use the Announcement card. Type your message and apply it: it appears as a highlighted note near the Book now button at the top of your booking page, on every layout, and not inside the booking steps. Clear the text and apply again to hide it.
Q: Can I tell first-time clients what to book, or how to prepare, before they book?
A: Yes. Add it on the Important information card in Settings > Booking page: a title, images and your text. Clients see a strip with your title near the Book now button at the top of your booking page and at the top of the Services step. Tapping it opens the rest. The title and text go live when you apply them; images save as soon as they upload.