Customising your public booking page is an excellent way of engaging your customers and expressing your brand's identity.
This article covers:
Head over to your Public page, then select Page Setup in the top right.
The below will pop up:
To add a title to your page, scroll down the settings to the Main page title and type your title into the box. Once saved, the page title will then be displayed in the top left of your public page, above the banner image/banner colour.
You may wish to alert your bookers to a change in circumstances or perhaps an exclusive offer. You can include an alert below the Main page title in your Page setup settings. To learn more, see here.
Below is an example of how an alert will appear:
You can also add a description to your page in General information at the bottom of the Page setup options. You could include an overview of your business, story, 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.
It's good to consider not including too much information in your description so that your schedule is still visible to your clients near the top of your booking page.
This section is also where you can insert filter buttons for your schedule. To learn how to create these, see 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 placed automatically in the top left of the page. It might shrink to fit on smaller screens if it's too wide.
The logo image is displayed at a maximum 350px width and 350px height. For best results, upload an image that is 700px or over. Supported file types for Bookwhen are JPG, JPEG, GIF and PNG.
A handy free tool to create a logo is photopea. You can create a logo image (PNG file) with a transparent background so that the background image shows through.
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 automatically adjusts to the width of the browser. It's good to consider that using a banner image containing text or people can become skewed, depending on the device. A plainer image can provide a cleaner look. For further guidance on selecting the right banner image for your page, please see our help article.
The image shape should be rectangular to avoid too much of your image being cut off the top or bottom when automatically adjusted. A good width is 1200px to a maximum width of 2600px.
You can use this site to adjust your image size if needed. Supported file types for Bookwhen are JPG, JPEG, GIF and PNG. If your chosen image is a different file type, you can easily convert it using a web app like this one.
Banner background colour
Instead of an image, you may use a single colour instead. To choose a colour, select Page setup on your public page, then Header background colour to select a colour from the palette, then save changes:
If you want to use an exact colour, you can use a colour picker app - which is widely available to download for free and is often included in your computer's software package.
In this example, Apple's Digital Colour Meter app has located the RGB values of the blue in the example banner photo. You can then use Google Colour picker to convert your RGB values into a HEX code, which is needed to input into the Page setup settings as shown below.
This navy (RGB) is R: 18, G: 50, B: 73, which converted to HEX - #123249
Emojis & special characters 😄🧘🏽♂️🌱 - ☾❀♡
You can use emojis and special characters anywhere on Bookwhen that uses text.
They are a great way to make your page expressive, engaging, and eye-catching. To read more about their use or how to include them, please see here.
Company details & your refund policy
If you're accepting online payments through Bookwhen, you need to provide your company details and refund policy. These details are displayed on your public page in the footer, including links to your social media accounts and accepted payment cards.
To update your company details, head over to Account, select Account details, and Edit next to your company name.
Embedding your public page
If you're embedding your Bookwhen schedule into your website, it's helpful to know that the iframe will not include the title, information, banner image/colour and logo. The iframe only shows the schedule itself. To learn more about embedding your schedule, see here.
Squarespace website example:
Branding, Logo, Customize, Customize, Personalize, Personalize, Personalization, Personalization