Articles on: coreILLA

coreILLA - Calendar - Calendar Widget Customization

What is Calendar Widget Customization?
==========================================

Calendar Widget Customization is designed to give you control over the appearance and functionality of your widget. With this powerful feature, you can personalize your widget according to your preferences, making it uniquely yours. 
How to Customize your Widget?
Navigate to Calendar Settings

Click on "Edit" for the specific calendar you wish to customize

Head to the "Customizations" tab.








After logging in to your coreILLA account, Click on Calendars.
Step 1 screenshot


Click on Calendar Settings
Step 2 screenshot


Select the calendar you want to customise and click on these three dots.
Step 3 screenshot


Click on Edit.
Step 4 screenshot


Click on Customizations.
Step 5 screenshot


Select Neo
Step 6 screenshot


ℹ️ Note: Widget Customizations work ONLY with NEO WIDGET


Understanding Customization Options:

Here, you have the freedom to tailor your calendar widget to suit your preferences. Explore the following customization options:

Primary Colour: This will impact buttons, dates, time slots, and various actions within the widget such as Staff Selection, Add Guests etc.

Background Colour: The background color sets the tone for both the date-time selector and the form. If you've got a custom form, its background will mirror the chosen background color, but the  form's fields are determined by your specific custom form settings.

Step 7 screenshot


ℹ️ Note: When using custom forms, make sure the theme syncs up with your widget customizations for a seamless look.


Here you can change the Button Text.

Customize the text displayed on the button when booking an appointment. This is the text that will be displayed on the final step of booking the appointment. Examples: Book now, Schedule Meeting, Book Appointment.

Step 8 screenshot


Here you can preview the widget or reset all the changes.

Preview Your Changes: Utilize the "Preview Widget" feature to visualize how your changes will appear during the appointment booking process. Each time a new change is made, you will need to click on the "Preview Widget" option to see the updated setting.


Resetting to Default: If needed, the "Reset to Default" option will revert all customizations to the default blue and white calendar widget settings.

Step 9 screenshot


Pro Tip

For the best visual results, we recommend selecting contrasting primary and background colors. Striking a balance between light and dark colors often yields the most aesthetically pleasing outcomes. Experiment with combinations until you find the perfect look for your customized calendar widget.

Updated on: 09/17/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!