Adding a Calendar to your Site

There are a number of ways to add a calendar into your site but our current recommendation is to use Google's free Google Calendar. This allows you to create a calendar in a very similar way to iCal, but on the web. The calendar you create can then be embedded into your webpage with completely customizable appearance settings. And, whenever you add a new event to the calendar, it automatically gets updated on your webpage.

To add a calendar to your site:
  1. Open Google Calendar (note that you can only get the code to embed in your website from a computer, not the mobile app).
  2. In the top right, click the Settings popup (which has a cog - or gear - icon on it) and choose “Settings”.
  3. Under the Calendars heading at the top of the page, click on the Calendars tab.
  4. Click the name of the calendar you want to embed from the list of saved calendars on your Google Calendar account.
  5. Select all the code inside the frame in the “Embed This Calendar section”, and then copy it. If you want to make edits to the appearance of the calendar before grabbing the code, click on the “Customize the color, size, and other options” link, make the changes and then grab the code in the frame above.
  6. Go to your Freeway page, add a “markup item” (by going to Insert>Markup item), paste in the code, make a note of the “width” and “height” value in the code first, then click OK.
  7. Resize the markup item on the page by using the width and height values noted down from the embed code you grabbed, and then preview in a browser (or upload) to see it working.
Note that to allow all visitors to see your calendar, you'll need to make it public.
    Alternatively, if you just want a calendar that allows people to choose dates to be sent in a form, take a look at the CalendarView Action on ActionsForge.