All Collections
Online Scheduling
Customizing Header Images per Online Scheduling Availability Schedule
Customizing Header Images per Online Scheduling Availability Schedule
Add a different header image to each Availability Schedule in Online Scheduling
Jennifer Ann avatar
Written by Jennifer Ann
Updated over a week ago

Customize header images for each Online Scheduling Availability Schedule in 17hats to showcase your branding to your clients.

How it Works

Customize header images for an Online Scheduling Availability Schedule

1.) Navigate to Account Settings --> Online Scheduling and open an Availability Schedule under the Availability Tab.

2.) Scroll to the Scheduling Header Image section

Please Note: If you have a Global Header Image enabled for Online Scheduling, you will see that image displayed in this setting with a message indicating the image is set globally.

3.) Click on either "Upload Image" or "Add from Gallery."

Upload Image allows you to select an image from your computer.

Add from Gallery allows you to select an image that has already been added to 17hats under Brand Preferences --> Images. Choose "Select Image" and press the select button that appears at the button of the image you'd like to use.

When uploading an image from your computer, you may crop the image to match 17hats recommended image size of 2731px x 527px.

This is the only time cropping an image will be available, after an image has been uploaded, you must delete and re-add the image to make changes.

Please Note: When adding a header image directly to an Availability Schedule, that header image is not automatically added to your Image Gallery (found under Brand Preferences). To add an image to your Image Gallery, select "Add from Gallery" and "Upload to Gallery." The image will now be available to use in Brand Settings --> Images.

4.) You may choose whether your Logo is displayed on the booking page when customizing your header image. To remove your logo, turn the "Remove Logo From Online Scheduling" toggle on.

Please note: Customizing a header image for an Availability Schedule unlinks the image and it's settings from a global Online Scheduling header image. Removing a logo on a customized header image will not impact the logo settings for a global header image.

To remove your customized header image, select the red "Remove Header Image" button in the right corner. If you have a global header image enabled under Brand Preferences, that header image will now be displayed.

How would I use this feature?

Customize a header image on your Online Scheduling booking page to increase excitement about specific services! For example, if you offer one-on-one coaching sessions, design a header image that includes a tagline about how your client will benefit from the session. If you're offering Autumn mini-sessions, show a beautiful example of a past session to build anticipation.


Q: What is the optimal resolution for header images?

A: 300dpi is recommended.

Q: Can I have an Availability Schedule with no header image?

A: Yes - ensure you do not have a global header image enabled under Brand Settings.

Q: Can I crop my header image after it has been uploaded?

A: No, you must delete the header image and re-add it to crop it.

Q: Will the header image appear if I embed the booking page into my website?

A: No, neither the header image or logo appears when embedding your booking page into your website.

Did this answer your question?