Key Takeaway
The Appearance Builder allows you to customize the look and feel of your booking pages without changing your booking logic or pricing configuration. Create reusable styles, apply them across multiple booking pages, and manage your brand's colors, layout, and typography from one place.
Overview
The Appearance section of your Advanced Booking Pages gives you complete control over the visual design of your booking pages.
Instead of editing each booking page individually, you can create reusable styles that define your branding and apply them across one or multiple booking pages.
Using the Appearance Section, you can:
Customize colors and branding
Configure page layouts and spacing
Adjust typography and fonts
Create and save reusable styles
Apply styles to one or multiple booking pages
Preview changes in real-time before publishing
Accessing the Appearance Builder
Open any booking page.
Click the Appearance tab in the Advanced Booking Page Builder.
The Appearance panel will open on the left side of the screen.
From here you can manage styles, colors, layouts, and typography settings.
Understanding Styles
A Style is a reusable design configuration that controls the visual appearance of your booking pages.
A style can include:
Brand colors
Layout settings
Typography selections
Design preferences
Once a style is created, it can be applied to one booking page or shared across multiple booking pages.
Creating a New Style
Open the Appearance tab.
Click Create New Style.
Enter a name for your style.
Configure your colors, layout, and typography settings.
Save the style.
The style will be added to your Style Library and can be reused on future booking pages.
Managing Existing Styles
The Style Library displays all saved styles available in your account.
From the Style Library, you can:
Activate a style
Edit a style
Apply a style to booking pages
Create additional styles for different brands or services
Configuring Colors
The Colors section allows you to customize the visual branding of your booking pages.
Common settings include:
Primary brand color
Secondary colors
Button colors
Accent colors
Background colors
Changes are displayed immediately in the booking page preview.
Configuring Layout
The Layout section controls the structure and spacing of your booking pages.
Examples include:
Content width
Section spacing
Page layout options
Visual presentation settings
Changes can be previewed instantly before publishing.
Configuring Typography
The Typography section allows you to customize the fonts and text styling used throughout your booking pages.
Examples include:
Font family
Heading styles
Text appearance
Typography hierarchy
Typography changes apply consistently throughout the booking experience.
Applying a Style
When saving a style, you can choose where it should be applied.
Available options include:
All Booking Pages (Current & Future)
Apply the style to all existing booking pages and any new booking pages created in the future.
Future Booking Pages Only
Apply the style only to booking pages created after the style is saved.
This Booking Page Only
Apply the style only to the booking page currently being edited.
Best Practices
Create a master style that matches your company branding.
Use consistent colors and typography across all booking pages.
Preview changes before publishing.
Use separate styles when managing multiple brands or service divisions.
What Happens Next?
After updating your appearance settings:
Changes are reflected immediately in the booking page preview.
Save your booking page.
Preview the final customer experience.
Publish the booking page when you are ready to make the changes live.
Your booking logic, pricing, availability settings, and workflows remain unchanged when updating appearance settings.