Adding a Calendar to Your Website

Modified on Wed, 28 Aug at 9:15 PM

The CRM platform provides a convenient feature that allows you to embed calendars directly onto your website, whether it's a single calendar or a collection of them. This capability is especially beneficial for businesses that manage various services or have multiple team members available for appointments. Integrating your calendar into your website enhances client experience by simplifying the booking process and streamlining your schedule management.

How to Embed a Calendar: A Step-by-Step Guide


Getting the Calendar Code:

  1. Go to the 'Calendars' section within your CRM dashboard.

  2. You can choose to embed either an individual calendar or a group of calendars:

    • For an individual calendar, select the desired calendar and click to copy its code.

    • To embed a group of calendars, make sure the group is already set up. Then, without selecting a specific calendar, copy the group code, enabling users to pick from multiple calendars.

Embedding the Code on Your Website:

  1. Create a new webpage on your website where you intend to embed the calendar.

  2. Use your website's content management system (CMS) to edit the page.

  3. Paste the copied calendar code into a designated HTML or embed code block on the webpage.

  4. Publish or update the webpage.


Calendar Embedding Example

Testing the Integration:

  1. After the webpage is live, visit the page to test the calendar integration.

  2. If you've embedded a group of calendars, you should be able to choose between different calendars within the group.

  3. Selecting a calendar should display its available appointment times.


Calendar Integration Testing

Troubleshooting Tips

  • Calendar Not Displaying: Make sure the entire code is copied without any omissions and pasted into the correct section of your webpage that accepts HTML or embed codes.

  • Incorrect Calendar Displayed: Verify that you've copied the correct code corresponding to the desired calendar or group of calendars. If only one calendar is showing instead of the group, you might have accidentally copied the single calendar code.

Common Questions (FAQs)

  • Can I customize the embedded calendar’s look? While customization within the CRM is limited, you can use CSS on your website to modify the appearance of the embedded calendar.

  • Can I embed multiple calendar groups on one page? Yes, you can embed different calendar groups on the same webpage by pasting each group's code in separate sections.

  • What if the calendar times are incorrect? Ensure your CRM settings, including time zones and available hours, are configured correctly. Also, check your website’s settings to avoid any conflicts.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article