Embed a published calendar to your site
Ashmita Taneja avatar
Written by Ashmita Taneja
Updated over a week ago

Third-party calendars can be embedded to your site if they are published publicly and if their X-Frame options allow for embedding. X-Frame restrictions offer security features for web browsers, which allow other websites to deny placing their content within another site. In this case, the content is the third-party calendar.

Based on our recent evaluations, calendars from Microsoft Outlook, Google and Teamup can be embedded as sections or tiles to Zoomforth sites!

If calendars from other service providers like Calendly, or Apple iCloud don't work, and you have a strong preference for those over others that do work with Zoomforth, you may want to try embedding them as HTML Packages instead, following our guidelines and considerations.

To publish a calendar with Microsoft Outlook :

  1. Click the View tab.

  2. Click the Calendar Settings button.

  3. Cick Shared calendars, scroll down to the Publish a calendar section.

  4. Click the Select a calendar dropdown and select which calendar should be published.

  5. Click the Select permissions dropdown and select whether viewers:

    1. Can view all details - will show all events and details in the calendar

    2. Can view when I'm busy - will only show dates and times when you are busy

  6. Click Publish and click the HTML link to copy it.

To publish a calendar with Google :

  1. Hover over the calendar you wish to embed on the left editing panel, under My Calendars or Other Calendars.

  2. Click the vertical ellipses next to the calendar name.

  3. Select Settings and Sharing

  4. Scroll down to the Access permissions section, tick the option Make available to public, and click OK on the warning, if acceptable.

  5. Scroll down to the Integrate calendar section.

  6. Copy the website address in the Public URL to this calendar field and paste it to the custom embed tile or section of your Zoomforth site.

To add a custom embed tile to your site:

  1. Pull up the editor of the site you wish to add the calendar too.

  2. Create a, or go to the grid section to add the custom embed tile.

  3. Click the + Add Tile button and select Embed.

  4. Paste the website address of the public calendar you wish to use.

  5. Click Create Tile.

To add a custom embed section to your site:

  1. Pull up the editor of the site you wish to add the calendar too.

  2. Create a, or go to the subpage to add the custom embed section.

  3. Click the + Section button and select Embed.

  4. Paste the website address of the public calendar you wish to use.

  5. Click Create Section.

Did this answer your question?