Embedding Calendars

There are two main calendar formats you can use to embed your calendar into a webpage: the full "fixed" calendar format and the flexible "responsive" format.

The "responsive" calendar format allows you to embed a calendar using an iFrame that automatically resizes to fit the available space in your website or browser. This type of calendar is optimized to fit any screen size, including smartphones.

Responsive calendars come in a variety of horizontal, vertical, and grid layouts. Each block in your calendar can represent a day or a single event. This is the most useful method of calendar embedding if you are looking to embed your calendar into a small space.

The "fixed" calendar format will show the full range of weeks, days, and events for your calendar. You can choose between the different fixed calendar formats to embed in your website.

Both of these embedded calendar types will have similar functions to when you are viewing the calendar on your Keep&Share account. Visitors will be able to click on events and view event details. See examples of embedded calendars and how they will look in your website.

Re-Copy the Embed Code after Changes

All of your configuration screen choices are placed in your embed code as parameters. Therefore, if you paste the embed code into a web page and later go back and make changes on the configuration screen, you should re-copy out the new embed code and use it to replace the old code on your web page. You do not need to re-copy-and-paste the embed code after making changes to the content of your calendar, for example day notes or events.

Note: When you are embedding your calendar do not have the "Make Link Directly Accessible Without Login" option turned on in the Share Control for your calendar or your embedded calendar won't work.

Changing your calendars

For both embedded calendar format options you can control the following features:

  • Typeface, color, and fonts in your calendar
  • Calendar colors
  • Choose what calendar features show up in your embedded calendar
  • Choose your calendar format
  • Hide empty calendar days
  • Choose whether or not to show your logo
  • and more!

If you want to customize the content of your calendar events (event pictures, notes, times, links to maps, etc.) you will need to edit those events in your Keep&Share account.

Once your calendar is embedded into a webpage, it will automatically update to latest content in the calendar on Keep&Share with every page refresh. To change the settings on how the calendar is embedded however, you will need to paste in a new line of embed code to update those changes. This includes changes to the colors or any other appearance-related formatting elements.