Editing your scheduling page details

Change the colors, logo, and description on your scheduler.

Add scheduling instructions to give clients information about your business, or make your colors and fonts match the rest of your site's brand. 

Note: The instructions below include links to Acuity settings separated by the kind of account you use to log into Acuity. Which kind of account do I have?

Logo and business name

It's not possible to add a business logo if you're using the Acuity Scheduling legacy free plan.

You can add both a business name and a logo to your Acuity account.

How they display

You can add a logo, your business name, or both to the top of your standalone Client Scheduling Page. When the scheduler is embedded in another webpage, like in a Scheduling block on a Squarespace website, both your logo and business name are hidden.

By default, the area at the top of your standalone Client Scheduling Page is blank.

If you enter a business name or upload a logo (but not both), whichever you provide will appear at the top of the page.

If you enter a business name and upload a logo, by default only your logo will be displayed. To display both your business name and your logo, check the box marked Show business name next to the logo on client's scheduling page.

Logo format

The business logo can be in .jpeg, .gif or .png format. The maximum image is 600px x 120px. If you upload a larger logo, it will be resized to fit.

Add a business name or logo

To add a business name or logo:

1. In Acuity, click Scheduling Page, then click Settings.
2. Enter your business name in the Business Name field. 
3. Click Change Logo, then click Choose File. 
4. Follow the prompts to upload a logo image, then click Save Changes. 

Edit scheduling instructions

Your scheduling instructions appear at the top of your scheduler. To edit your scheduling instructions:

1. In Acuity, click Scheduling Page, then click Settings.
2. Enter your text in the Scheduling Instructions text box, then click Save Changes. 

Edit the scheduler's colors and font

If your Acuity Scheduling account is attached to a Squarespace website, your font and color preferences from your website will be preselected in Acuity.

You can use the Styles panel to change the fonts and colors on your scheduler. To access the styles panel, click Scheduling Page, then click Styles.

Updating colors

Your scheduler's colors are grouped into a palette, with different colors from the palette applied to scheduler elements like background, scheduler text, and buttons. You can choose from many preset palettes made up of colors that complement each other well, or you can create your own.

Within your color palette, your color theme controls which color from the palette applies to each element on your scheduler. You can change to a different preset color theme or customize a color theme yourself.

To choose a different preset palette:

1. On the Styles panel, click Colors, then click Edit Palette.
2. Scroll down to the Presets section and click a new palette.
3. Click Save in the top-left to save your changes, or click Colors in the top-right to return to the color editor to make more changes.

To choose a different preset theme:

1. On the Styles panel, click Colors.
2. In the Color themes section, click a different option.
3. Click Save in the top-left to save your changes, or click Styles in the top-right to return to the Styles panel to make more changes.

To create a custom palette:

1. On the Styles panel, click Colors, then click Edit Palette.
2. Click a color at the top of the right column, then use the color picker to replace it with a new color.
3. Click Save in the top-left to save your changes, or click Colors in the top-right to return to the color editor to make more changes.

To customize a color theme:

1. On the Styles panel, click Colors.
2. In the Color themes section, click the theme you want to customize, then click the pencil icon. 
3. Click the element that you want to change, then click a new color from your color palette. You can also click Custom to use the color picker to choose a color that isn't otherwise in your palette.
4. When you've updated all the elements you want to change, click Save in the top-left to save your changes, or click Colors in the top-right to return to the color editor to make more changes.

Updating font

All of the text on your scheduler uses the same font. To change your font:

1. On the Styles panel, click Font.
2. Click a new font, then click Save in the top-left to save your changes, or click Styles in the top-right to return to the Styles panel to make more changes.

Tip: To create a scheduling experience for the broadest audience possible, it's important to keep accessibility in mind when styling your scheduler.

Customize time and date details

Decide which day your week starts on and what format your available times should appear in.  

1. In Acuity, click Scheduling Page, then click Settings.
2. To change which day the week starts on, click the Week Starts On dropdown menu and select Sunday or Monday. 
3. To change the time format, click the Time Format dropdown menu and choose to display your times using the AM/PM format or use a 24-hour format. 
4. Click Save Changes. 

Learn how to set your time zone. 

Add images to each calendar

If you have multiple calendars in your account, you can add a calendar image that displays next to the calendar description. To add an image:

1. Open the Availability panel: I log in with an Acuity account | I log in with a Squarespace account. 
2. Above the calendar, click Calendar Settings. 
3. Click Add Image.
4. Follow the prompts to upload an image, then click Save.

When uploading images, review our requirements and best practices for using images.