View CalendarFAQLog InHelp
view menu
View Calendar FAQ Log In Help

Embed Your Calendar

It's easy to embed your calendar. Follow these steps:
  1. Select from the options below to specify the size of the rectangle within your page, colors, borders, which parts of the calendar to hide or show, etc.
  2. Click the Generate Embed Code button. The embed code will be shown with the embedded calendar below it.
  3. Copy and paste the resulting embed code in your web page.
Use this diagram to determine which parts of the calendar to include in the embedded calendar:
Select calendar style:
Calendar Areas Diagram
Iframe Options
The iframe options control the rectangular area that surrounds the calendar. If the width or height is not large enough, scrollbars will appear.
Use % or px
Examples: 90%, 900px


Calendar Options
Use % or px
Examples: 100%, 800px




If you would like to customize the embed code further, there are numerous additional options to alter the look of the calendar and the time period of events. Visit the URL Parameters Guide for more information. Default values for most of these settings can be changed from the Calendar Administration page.