Customising your public booking page is a great way of engaging your customers and expressing your brand's identity.
This article covers:
- Adding a title to your public page
- Adding an alert message to your public page
- Including a description of your business
- Adding a logo
- Adding a banner image
- Or adding a banner background colour
- Including emojis or special characters
- Adding your company details and/or refund policy
- Embedding your public page
To get started, head to your Public page then select Page setup in the top right.
To add a title to your page, select Page setup then scroll down the settings to Main page title. Once saved, the page title will then be displayed in the top left of your public page, above the banner image.
Sometimes you may want to alert your bookers to a change in circumstances, or even about an exclusive offer. An alert can be included below the Title in your Page setup settings, to learn more click here. Below is an example of how the alert will look:
A description can be added to the page in General information in the bottom of the Page setup options. Some of our members choose to include an overview of their business, their story, the team, reviews or awards etc. You can also leave this section blank if preferred. This description will then appear below your title, logo and header image. It's useful to consider not including too much information in the description so that the schedule is still visible near the top of the page.
This section of settings is also where you can insert filter buttons for your schedule, to learn how to create these click here.
To upload your logo image, select Page setup on your public page, then 'Set logo' to upload the file, then save changes:
The logo image is automatically placed in the top left of the page. On smaller screens, it might shrink to fit if it's too wide. As a rough size guide, 300 x 100px works well (the maximum is 250 x 1000px).
This example logo image (PNG file) has a transparent background so that the background image shows through. A useful, free to use tool to create a logo is photopea.
To upload your banner image, select Page setup on your public page, then Set header background to upload the file, then save changes:
The uploaded banner image will be automatically adjusted to fit the width of the browser. Therefore it's good to consider that using a banner image containing text or people can become skewed, depending on what device the public page is being viewed on. A plainer image can provide a cleaner look.
The image shape should be rectangular so that not too much of your image is cut off the top or bottom when it's automatically adjusted. A good size is 1200 x 300px (the maximum size is 600 x 1440px). You can use this site to adjust your image size if needed. Supported file types for Bookwhen are JPG, JPEG, GIF and PNG. If the chosen image is a different file type to these you can easily convert it using a web app like this one.
Banner background colour
Instead of an image, you can choose to have a block colour instead. To choose a colour select Page setup on your public page, then select Header background colour to choose a colour from the palette, then save changes:
If you want it to match a specific colour, you can use a colour picker app - which are widely available to download for free, or often included in your computers software package.
In this example, I have used Apple's Digital Colour Meter app to find the RGB of the blue in my example banner photo. You can use an online RGB to HEX colour converter to input the colour code into the Page setup settings. This navy (RGB) is R: 18, G: 50, B: 73 which converted to HEX - #123249 - which I then pasted here:
Emojis & special characters 😄🧘🏽♂️🌱 - ☾❀♡
Emojis and special characters can be used anywhere on Bookwhen that uses text. They are a great way to make your page expressive, engaging and eye-catching. To read more about how they can be used and how to include them click here.
Company details & your refund policy
If you're accepting payments online through Bookwhen, then you need to provide your company details and refund policy. Bookwhen will display these details on your public page in a footer. Including link buttons to your social media accounts and accepted payments.
To update your company details head to your admin account, then select Account details and then Edit next to your company name. You can add text to your refund policy by clicking Edit in your Payment settings. You can also read more about adding your details here.
Embedding your public page
If the booking page is going to be embedded in your own website, it's useful to know that the title, information, banner image/colour and logo will not be included. Only the schedule itself will be shown. To learn more about embedding your schedule click here.
Squarespace website example: