There are two main calendar formats you can use to embed your calendar into a webpage: the full calendar format and the day scroll format.
The day scroll calendar format is a small row or column of cells, each representing a day in your calendar on Keep&Share. This is the most useful method of calendar embedding if you are looking to embed your calendar into a small space.
The full calendar format will show the full range of weeks, days, and events for your calendar. You can choose between the different full calendar formats to embed in your website.
Both of these calendars 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.
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.
For both 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.