In the "Theme" tab, it is possible to customize the look and feel of your booking widget and tracking page, directly from your account.
Future developments will allow you to customize client emails.
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)
You can choose the font that will be applied to your text. Over 1800 font types are offered; all of which are web-safe, fetched from Google Fonts API.
Your site font may not appear in the list; if it isn't included, consider picking a font from among the list that is comparable to yours.
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:
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
You cannot upload your own font, you must choose from among the fonts provided to you in the platform.
The Theme Editor supports the following:
Booking widget v3, NOT v2.
Tracking page v3, NOT v2.