Learn how to customize Booking Website design settings, including visual style, branding, layout, and other guest-facing appearance options.
Design
In this tab, you can customize the website's design on the left while previewing it on the right.
Background Image/ Video - appears behind the header of the page and a search bar (called “hero section”).
Must be at least 1000*400 pixels for images
We support .webm and .mp4 video files up to 10 MB.
- We support the following MIME types: 'video/3gpp', 'video/mp4', 'video/mpeg', 'video/ogg', 'video/quicktime', 'video/webm.'
The file size limitation is meant to ensure that the home page loads quickly
- We do not support 4K resolution
Colors - Brand, middle, dark.
- Brand colors must be dark and compatible with white text. Please avoid using the brand color white
Choosing the brand color automatically sets the other two, using a palette of colors that work well together
You can change the other colors if you wish
Fonts - Headers, text. Choosing the header font automatically sets the text font, but it can be changed if needed.
Elements
Rounded/square - affects whether elements are rounded or not.
Shadow behind buttons - buttons and other elements pop out of the page, appear with a shadow, and as if they have some volume. Turning this off makes the elements look flat.
On the right side, you can see a preview.
Important: Home Page editing in Standard vs. Pro
One important difference between the Standard and Pro plans is where the Home Page is edited.
- In the Standard plan, the Home Page is edited directly in the Hostaway editor by clicking the Booking Website name and selecting the colors and image.
- In the Pro plan, you need to go to the Site Editor.