Learn how to customize Booking Website design settings, including visual style, branding, layout, and other guest-facing appearance options.
Disclaimer: The Booking Website design in Hostaway is being updated to a new version that improves navigation, reduces clutter, and provides a cleaner, more intuitive experience. This update will be available in your dashboard soon. In the meantime, please note that the design and navigation shown in the screenshots may differ from what you currently see in your dashboard. This difference is temporary while the new version is being rolled out.
Design
In this section, 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: Homepage, About Us, Contact Us, and Editing in Standard vs. Pro
One important difference between the Standard and Pro plans is where the Homepage, About Us, and Contact Us pages are edited.
- In the Standard plan, the Homepage, About Us, and Contact Us pages are 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. Once on the site editor, go to Pages, and choose which page you would like to edit.