Embed 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.
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.
- 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.
- 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.
- Select if you want to display the calendar title, time zone and the Zoho Calendar logo.
- Check the preview using the Preview button.
- 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.
- 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.
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.
- 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.
- 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.
- 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.
- Check the preview using the Preview button.
- 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.
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Still can't find what you're looking for?
Write to us: support@zohoforms.com
Zoho Sheet Resources
Zoho Forms Resources
New to Zoho Sign?
Zoho Sign Resources
Sign, Paperless!
New to Zoho TeamInbox?
Zoho TeamInbox Resources
New to Zoho ZeptoMail?
Zoho DataPrep Resources
Design. Discuss. Deliver.
New to Zoho Workerly?
New to Zoho Recruit?
New to Bigin?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
Related Articles
Share Calendars
Calendars in Zoho Calendar can be shared with individuals and groups. After creating a calendar and adding events to it, you can make the calendar public and include various access permissions to the calendar, after which one can simply view the ...Ways to Share Calendars
In Zoho Calendar, calendars that are created under My Calendars can be entirely managed by the user who creates the calendar, without any restrictions. These calendars can also be shared among friends, colleagues and groups inside the organization by ...Multiple Calendars in Zoho Calendar
Zoho Calendar provides the option of adding and integrating various calendars under one platform. When you log in to Zoho Calendar, a primary calendar is set-up by default. The primary calendar is listed under My Calendars section. Apart from the ...Add Calendars
Zoho Calendar provides users with the facility to create and manage as many calendars as required. The calendars can be personal calendars or calendars that are shared across a group or calendars synced from Zoho apps or other calendars like holiday ...What is the need for embedding calendars on websites?
Embedded calendars are helpful to provide an overview of your upcoming events directly in your website. If you embed your calendar on websites, you can make it publicly visible to all. In addition, you can enable the viewers to subscribe to your ...