Embedding Calendars

Embedding Calendars

If you have a requirement to include your calendar in your blog or your webpage, you can fetch the embed code of the calendars owned by you on Zoho Calendar. This embed code can be integrated with your website's HTML code and the calendar will be added to your website. You can also embed your Zoho Calendar to your blogs if required. 

You have the option to choose from ten default templates that are provided in Zoho Calendar for embedding purpose. Enhance your calendar's look according to your website's theme and choose from a wide range of templates available. Customize the title, language, height/width of the calendar, calendar view and time zone before copying the embed code. You can also select/deselect the title, time zone and details view to be displayed on the calendar that is to be embedded before copying the code. 

Embedding Personal Calendars:

1. Login to Zoho Mail.

2. Go toGo to Settings  > Calendar > Calendars > My Calendars.

3. Click the Share option next to the calendar you want to embed.

4. Go to the Embed tab on top and choose from the templates available.

5. Edit the title of the calendar, language, height/width and the view.

6. Select additional calendars you want to embed with the chosen calendar, time zone and color.

7. Choose if you want to display the Title, Time zone and Details view in the embed version.

8. Copy the embed code of the calendar.

9. Use the Preview button to view the calendar that will be embedded.

10. Now paste the copied calendar embed code in your website's HTML code.

Embedding Group Calendars:

1. Login to Zoho Mail.

2. Go to Settings  > Calendar > Calendars > Group Calendars.

3. Click on the calendar you want to embed.

4. Go to the Embed tab on top and pick your template.

5. Edit the title of the calendar, language, height/width and the view.

6. Select the time zone and color.

7. Choose if you want to display the Title, Time zone and Details view in the embed version.

8. Copy the embed code of the calendar.

9. Use the Preview button and check the view of the calendar to be embedded.

10. Paste the copied code in your website's HTML code.

Share this post : FacebookTwitter

Still can't find what you're looking for?

Write to us: support@zohomail.com