Follow

Customize Your Calendar Colors

To enhance your website and better align with your brand, we now offer more color options for class, event and appointments calendars!

Class Colors 

To alter the color of your classes, follow the steps below, or watch our quick video guide on updating class colors: 

- Log into studio.zenplanner.com - you must have the Staff Setup Role of 'Programs' associated with the username you log in with to edit colors

- Navigate to Setup > Classes

Screen_Shot_2019-04-17_at_4.12.14_PM.png

- Click into the class you would like to edit

Screen_Shot_2019-04-17_at_4.13.42_PM.png

- Notice the new calendar color picker! You may enter in your own hex code or select the color box to have the modal appear (This color modal will appear differently on Macs vs Windows computers)

Screen_Shot_2019-04-17_at_4.14.58_PM.png

- Select your color and make sure to save at the bottom of the class edit page!

These class colors will now show on the Studio calendar and on your Online Calendar via Member Connect or the Online Calendar embed on your own website!

- Click on Calendar on the left-hand side to see your changes 

Screen_Shot_2019-04-17_at_4.18.20_PM.png

 

- To navigate to your Member Connect site, select Setup > Appearance and use the link to the right of "location."

Screen_Shot_2019-04-17_at_4.28.48_PM.png

- Once you click on that link, in a new tab, you will see your Member Connect site with the same calendar colors! 

Screen_Shot_2019-04-17_at_4.30.36_PM.png

 

To embed the Online Calendar onto your own website, make sure to check out our help article on embedding here. If you'd rather spend the time elsewhere, you can also learn more about Zen Planner's Integrated Website and Lead Gen Services here.

 

Event Colors 

To alter the color of your event, follow the steps below, or check out our quick video guide

- Log into studio.zenplanner.com

- Navigate to the left-hand calendar icon 

Screen_Shot_2019-04-17_at_4.33.39_PM.png

- Hover over '+ to Calendar' and select '+Event' and click on the color box to see the modal (This color modal will appear differently on Macs vs Windows computers)

Screen_Shot_2019-04-17_at_4.37.42_PM.png

- Select your color using the color modal or entering in a hex code

 - Make sure to save at the bottom of the event edit page

 These Event colors will show on the Studio calendar and on your Online Calendar via Member Connect or your own website through the Online Calendar embed.

 

Screen_Shot_2019-04-17_at_4.40.06_PM.png

Screen_Shot_2019-04-17_at_4.41.14_PM.png

 

Appointment Colors 

To alter the color of your appointments, follow the steps below, or check out our quick video guide

- Log into studio.zenplanner.com - you must have the Staff Setup Role of 'Programs' associated with the username you log in with to edit colors

- Navigate to Setup > Appointments and click into the appointment you would like to edit

Screen_Shot_2019-04-17_at_4.46.11_PM.png

- Notice the new calendar color picker! You may enter in your own hex code or select the color box to have the modal appear (This color modal will appear differently on Macs vs Windows computers)

Screen_Shot_2019-04-17_at_4.47.15_PM.png

 - Select your color and make sure to save at the bottom of the appointment edit page!

 

These appointment colors will show on the Studio calendar and on your Online Appointment Calendar on Member Connect, or on your own website via the Appointment Registration embed.

 

Screen_Shot_2019-04-17_at_4.49.25_PM.png

Screen_Shot_2019-04-17_at_4.51.14_PM.png

 

Remember - you can customize your Member Connect website's appearance - click here to learn how and you can customize your brand color for your apps click here for those details!

Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk