Customise Your Booking Page to Match Your Brand
Four layout templates, ten brand palettes, drag-and-drop sections, and a live preview editor. Your booking page, your way — no web designer needed.
What is booking page customisation?
Booking page customisation lets salons control how their online booking page looks and feels. Bella Booking offers four layout templates, ten brand palettes, drag-and-drop section ordering, banner focal-point cropping, and a live split-pane editor with device previews. No coding required — changes take effect in seconds.
Most salon booking systems give you a generic page with zero control over how it looks. Bella Booking is different. Choose from four distinct layout templates, apply one of ten curated brand palettes (or set your own custom colour), reorder sections with drag-and-drop, upload a banner with focal-point cropping, and see every change live in a split-pane editor with phone, tablet, and desktop previews. Your booking page looks like an extension of your brand — not a third-party widget.
What's included
Key capabilities of booking page customisation
Four layout templates
Classic, Immersive, Editorial, and Boutique — each arranges your hero banner and business info differently. Classic puts text beside the image. Immersive goes full-width with an overlay. Editorial splits the page 50/50. Boutique centres everything with a subtle background.
Ten curated brand palettes
Choose from Bella, Bloom, Ocean, Midnight, Sunset, Velvet, Sage, Botanical, Blush, or Coastal. Each palette themes your entire page — buttons, links, accents, and highlights — with WCAG-compliant contrast.
Custom colour picker
Set any hex colour as your brand accent. The editor shows a live contrast ratio to ensure readability. Your custom colour generates a full shade ramp for buttons, hover states, and backgrounds.
Drag-and-drop section ordering
Arrange Services, Gift Cards, Packages, Memberships, Team, Gallery, and Reviews in any order. Toggle sections on or off. Feature-gated sections appear automatically when the feature is enabled.
Banner focal-point picker
Upload a high-resolution banner and click to set the focal point. Each layout crops your banner at different aspect ratios — the focal point ensures the key part stays visible in every crop, on every device.
Live split-pane editor
Controls on the left, live preview on the right. Toggle between phone, tablet, and desktop views. Drag the divider to resize panels. Every change previews instantly — no save-and-refresh cycle.
Gallery with masonry layout
Upload up to 10 high-resolution photos. The gallery renders in a masonry layout that preserves natural aspect ratios. Clients click to view a full-screen lightbox. Images are automatically converted to WebP.
Custom call-to-action text
Set a custom heading and description for the booking call-to-action section. Match your brand voice — or leave it blank to use smart defaults.
Layout preview URL
Add ?layout=editorial (or immersive, boutique, classic) to your booking page URL to preview any layout instantly without saving. Share the preview link with your team before committing.
How to customise your booking page
Choose a layout template
Open the Appearance Editor in Settings and pick from Classic, Immersive, Editorial, or Boutique. The live preview updates instantly.
Set your brand palette
Select one of ten curated palettes or enter a custom hex colour. Your entire page themes automatically.
Arrange your sections
Drag and drop to reorder Services, Team, Gallery, Reviews, and promotional sections. Toggle any section on or off.
Preview and publish
Switch between phone, tablet, and desktop previews. When you are happy, your changes are live.
Plan availability
Feature
Starter
Professional
All prices in AUD, GST included. No currency conversion fees.
Frequently asked questions
Which layout template should I choose?
If you have a strong banner image, Immersive or Editorial make the most visual impact. Without a banner, Classic works best — it puts your business info front and centre. For boutique or high-end salons, Boutique gives an elegant, minimal aesthetic. You can preview any layout by adding ?layout=editorial to your booking page URL.
Can I use my own brand colour instead of a preset palette?
Yes. Click "Pick a custom colour" below the palette dropdown and enter any hex colour. The editor shows a contrast ratio to ensure your colour is readable against white backgrounds.
What is the focal point and why does it matter?
The focal point tells each layout template where the most important part of your banner image is. Different layouts and screen sizes crop your banner at different aspect ratios — the focal point ensures the key area stays visible in every crop.
Do I need a web designer to customise my booking page?
No. The split-pane Appearance Editor lets you customise everything visually — layout, colours, sections, images, and text — with a live preview. No coding or design skills required.
What image sizes should I use for the banner?
Upload at least 1200×800 px in landscape orientation. The server automatically converts your image to WebP for fast loading. JPG, PNG, and WebP formats are accepted, up to 20 MB.
Can I preview changes before they go live?
Yes. The Appearance Editor shows a live preview with phone, tablet, and desktop views. You can also use the ?layout= URL parameter to preview any layout on your actual booking page without saving.
How does Bella Booking compare?
See how booking page customisation in Bella Booking stacks up against 15 other salon software platforms.
View the full comparisonRelated features
In-depth guides
Explore by business type
Ready to try booking page customisation?
Start your free trial today. No credit card required.
Australian-owned business. Sydney-based support team.