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 your calendars in 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 to Settings  > Calendar > Calendars > My Calendars. 

3. Click on the calendar you want to embed (or) You can also right click on the calendar from the left pane of the Calendar window and click the Embed option. 

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 Time zone for the calendar and check if you have selected the right calendar in Select Calendar. 

7. Choose if you want to display the Title, Time zone, Zoho Calendar logo 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 Multiple Personal Calendars:

You can embed more than one personal calendar in a single view on your website or blog.

1. Login to Zoho Mail.

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

3. Click on any of the multiple calendars you want to embed (or) You can also right click any one of the calendars from the left pane of the Calendar window and click Embed

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

5. In Select Calendar section, hold Sh​ift on your keypad and click on the calendars to select multiple calendars. Make sure multiple calendars are selected or repeat the process. 

6. Edit the Title of the calendar, Language, Height/Width and the View.

7. Select the Time zone for the calendar view.

8. Choose if you want to display the Title, Time zone, Zoho Calendar logo and Details view in the embed version.

9. Copy the embed code of the calendar.

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

11. Paste the embed code of the calendar view you copied in your website/blog's code to embed it. 

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 theCalendar, Language, Height/Width and the View.

6. Select the Time zone of the calendar.

7. Choose if you want to display the Title, Time zone, Zoho Calendar logo 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