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.
Steps to Embed Personal Calendars
- Login to Zoho Calendar.
- Right click the calendar under My Calendars from the left pane of the calendar window and click Edit (or) Go to Settings > Calendar > My Calendars and click on the calendar you want to embed.
![](https://help.zoho.com/galleryDocuments/edbsn10cd6eb63721cd00e6f763a2860c296c4520485b2cf4693d2b55559fed11eb64124caa6ca7a5891b3b9229db6c9109c6?inline=true)
Under
Sharing and permissions > Public access, enable public access for the calendar by selecting either
View only Free/Busy and
View Event Details from the drop-down.
![](https://help.zoho.com/galleryDocuments/edbsn971e7d805c9f112770803390f9125fed5702373b2c92ac783ca57c32c9d0a08d7654da6ffc28435cbe00bdb500f8e9a6?inline=true)
- Click on Customize near the Embed Calendar option to choose from the default 10 templates and customize the embed version of the calendar by changing the title, view, time zone, language, width, and height. You can also change the template color for certain embed templates.
![](https://help.zoho.com/galleryDocuments/edbsne95e216ad91ae70fd4dac0607e0b06c3cf96a74016c7ecb251757f38ed1b8e2c85d0baedcee668aca74592b6b45a464c?inline=true)
- Select if you want to display the calendar title, time zone and the Zoho Calendar logo.
![](https://help.zoho.com/galleryDocuments/edbsn03b9fd7399f84c553aa02bae22bf5ad482f6d78d0b94ea274cf070d682f64e6c229050d8cafbc1346be10234ae682b87?inline=true)
- Check the preview using the Preview button.
![](https://help.zoho.com/galleryDocuments/edbsna060ca8c354569e0e5124c26a97627b4ea040af4bb0e09894d9ed7dcfe322d0ee72cd487b764edaa6f1add465e1cd997?inline=true)
- To copy the embed code for this personal calendar, click on the Copy code button in the window and the embed code will be copied to the clipboard.
- Now paste the copied calendar embed code in your website's HTML code. The chosen calendar will be embedded to your website.
![](https://img.zohostatic.com/zde/static/images/info.png)
- You can choose the calendar view you want for your embedded calendar from day view, work view, week view, or month view by selecting the check box - "Allow switching views". This option is available only in template-1.
![](https://help.zoho.com/galleryDocuments/edbsn742e609affee6456dd5a921d03a13fdaab53aa8aa8ad0ee6f71c08fd4bbe17a01b79e244e694443d7f4383678e459e39?inline=true)
Steps to Embed Group Calendars
- Login to Zoho Calendar.
- Right click the calendar under Group Calendars from the left pane of the calendar window and click Edit (or) Go to Settings > Calendar > Group Calendars and click on the calendar.
![](https://help.zoho.com/galleryDocuments/edbsn9769d8122c191af5af5243ddd79e57955fe5d1710444027e2062cf5bea8a6850040345e93ec1bc1f741b8d7a364369dc?inline=true)
- Under Sharing and permissions > Public access, enable public access for the calendar by selecting either View only Free/Busy and View Event Details from the drop-down.
![](https://help.zoho.com/galleryDocuments/edbsn6f804b53b213a29ba28b15f00f20dd7424ffbba241e6014d9e9b64c0a0529b5313ef7539f2e754324951ec8a683c78b2?inline=true)
- Click on Customize near the Embed Calendar option to choose from the default 10 templates and customize the embed version of the calendar by changing the title, view, time zone, language, width, and height. You can also change the template color for certain embed templates.
![](https://help.zoho.com/galleryDocuments/edbsnff0713dd1fe750df1e7fe0c12be0e47cee729f88ab3f491fc5a8ce480c09221e05fdb62452b2e8222643307b082fabf9?inline=true)
- Customize the embed version of the calendar by changing the title, view, time zone, language, width, and height. You can also change the template color for certain embed templates.
- Select if you want to display the calendar title, time zone and the Zoho Calendar logo.
![](https://help.zoho.com/galleryDocuments/edbsn50e23be068c266b0eb512d5d8d5a9e25025d478e4d389646ec64d92657113eccb822271d477fb5120c68eb4ce89ca0fa?inline=true)
- Check the preview using the Preview button.
![](https://help.zoho.com/galleryDocuments/edbsn29effa6496e3bea3623846c94761d13001e192cf70aa4ddcc44eb3377464880d1beec65be5c3a8bf3ab2868742d50e6c?inline=true)
- To copy the embed code for this personal calendar, click on the Copy code button in the window and the embed code will be copied to the clipboard.
- Now paste the copied calendar embed code in your website's HTML code. Your selected group calendar will now be embedded to your website.
To embed a Group Calendar, you need to be either the owner or the moderator of the group calendar.
- The older interface of Zoho Calendar have been deprecated in phases beginning January 31, based on the data center in which your account is created, as per dates given in this announcement. All users have be moved to the new calendar interface.
- If you have created an embed calendar URL from the old Calendar UI and using it in your blog or website or anywhere, you need to regenerate the embed calendar URL from the new Calendar UI.