Integrating Calendar Into Website

Calendar, Calendars Overview No Comments

The CRM offers a feature that allows you to embed either a single calendar or a group of calendars onto your website. This functionality is particularly useful for businesses that offer multiple services or have several team members available for appointments. Embedding your calendar on your website not only improves the user experience by making it easier for clients to book appointments but also helps in managing your schedule more efficiently.

Step-by-Step Guide to Embedding Calendars

Accessing Your Calendar Code:

  • Navigate to the ‘Calendars’ section within the CRM.
  • You have the option to copy the code for a single calendar or a group of calendars. To do this:For a single calendar, select the specific calendar you wish to embed and click on the option to copy its code.For a group of calendars, ensure you have a calendar group created. Then, without selecting a specific calendar, copy the group code to allow users to choose from multiple calendars.
  • For a single calendar, select the specific calendar you wish to embed and click on the option to copy its code.
  • For a group of calendars, ensure you have a calendar group created. Then, without selecting a specific calendar, copy the group code to allow users to choose from multiple calendars.

Image

Embedding the Code on Your Website:

  • Create a new webpage on your website where you wish to embed the calendar.
  • Use your website’s content management system (CMS) to edit the page. 
  • Paste the copied calendar code into a block or section of your webpage designed to accept HTML or embed codes.
  • Publish or update the webpage.

Image

Testing the Integration:

  • Once the webpage is live, test the calendar integration by visiting the page and interacting with the embedded calendar.
  • If you’ve embedded a group of calendars, you should see options to choose between the different calendars in the group.
  • Selecting a specific calendar should display its available appointment slots.

Troubleshooting Tips

  • Calendar Not Displaying: Ensure that the code is copied completely without any missing characters. Also, check that the code was pasted into a section of your webpage that accepts HTML or embed codes.
  • Incorrect Calendar Shown: Double-check that you copied the correct code for the intended calendar or calendar group. If you intended to embed a group but only one calendar is showing, you might have copied the code for a single calendar instead.

Frequently Asked Questions (FAQs)

Can I customize the appearance of the embedded calendar?

  • The appearance customization options are limited within the CRM. However, you can use CSS within your website to adjust some visual aspects of the embedded calendar.

Is it possible to embed multiple calendar groups on the same webpage?

  • Yes, you can embed multiple calendar groups by copying and pasting the respective codes for each group into different sections of your webpage.

What should I do if the calendar times are not showing correctly?

  • Ensure that your CRM settings, including time zone and available hours, are correctly configured. Also, check your website’s settings to ensure there are no conflicts.