In the "Theme" tab, it is possible to customize the look and feel of your booking widget, tracking page and emails directly from your account.
The Theme tab will only be displayed in your account if you are not currently using a custom theme. For more info, contact your Booxi representative.
Requirements
Your account must have an associated Head Office. In other words, you must be either on the Essential, Standard or Custom plan.
Must be a Head Office administrator or the account owner.
Must be logged into the Head Office.
Feature components
The Style Editor allows you to edit the following components:
Color
The Style Editor allows you to configure the following elements:
Header Color
Accent Color
Background Color
Button Color
Text Color
Title Color
To select a color, you may:
1- Use the color scale shown below:
2- Manually enter the color's RGB, HSL or HEX value, as shown below:
3- Use the manual color picker to match the color of anything on your screen.
*Tip: this can be helpful if you want to pick a color that is already in use.
Shape
You can choose the shape of UI components; see below for the available options:
Shape | Preview/Example |
Mixed | |
Square | |
Rounded |
Text (i.e. font)
The Theme Editor includes separate font selectors for your customer-facing pages and your transactional emails. This allows you to customize your brand experience while ensuring your emails always remain readable.
Booking Widget & Tracking Page
Choose from over 1,800 font types fetched directly from the Google Fonts API.
If your specific website font is not in the list, Booxi recommends selecting the most comparable font available to maintain a consistent brand identity.
Any changes you make will be previewed live in the editor.
Emails
Because email clients (like Outlook and Gmail) often block external fonts for security, the email font selector is comparatively limited.
Choose from a list of fonts pre-installed on virtually all operating systems. This prevents your layout from "breaking" or defaulting to a fallback font.
Note the "Auto" Option: This uses the recipient's system default (e.g., San Francisco on Apple, Segoe UI on Windows, or Roboto on Android) for a clean, native-app feel.
Note that the email font selector is only visible when viewing the Email tab.
Overview
Booking widget
Here is an overview of the configurable elements and how they affect the booking widget:
All changes you make are immediately displayed in the preview image.
Tracking page
Here is an overview of the configurable elements and how they affect the tracking page:
Emails
Here is an overview of the configurable elements and how they affect emails:
Default configuration
This is what the preview looks like with no applied configuration:
Actions
The Editor provides the following actions:
Save as Draft: Preserves your current customization changes without making them live on the booking widget.
Publish: Saves and applies and makes the current changes visible on the booking widget.
Cancel: Discards any unsaved changes and reverts to the most recently saved version.
Limitations
The Theme Editor supports the following:
Booking widget v3, NOT v2.
Tracking page v3, NOT v2.
You cannot upload your own font, you must choose from among the fonts provided to you in the platform.