Adding Google Calendar to my website

Here are a few ways to add different variations of Google Calendar to your website.

To accomplish the below, you'll first need to know how to:

Add a Nicely Formatted List Calendar

For this calendar format, copy the below snippet and add it to your website with customizations:

[!GoogleCal? &max_events=`6` &tpl=`GoogleEventsDisplay` &grouping=`date` &email=`[email protected]`!]

Customize your calendar with the below:

&max_events : Default is to show 6 events.

&email : Update the [email protected] part with your email. This is the Google email account associated with your public Google calendar.

&grouping : Default is to group by date. You can also change this to `none`.

WARNING:  Much of the syntax included in the above code snippet is critical for its proper operation. If your snippet doesn't work, please ensure that your snippet looks like this one. Including, double brakcets ( [[ ]] ), the ampersands ( & ), and the quotation marks ( ` ).
 

Add a Nicely Formatted Month Calendar

Copy the below snippet and add it to your website with customizations:

[[fullCalendar? &email=`[email protected]` ]]
  • Update [email protected] part with your email. This is the Google email account associated with your public Google calendar.

WARNING:  Much of the syntax included in the above code snippet is critical for its proper operation. If your snippet doesn't work, please ensure that your snippet looks like this one. Including, double brakcets ( [[ ]] ), the ampersands ( & ), and the quotation marks ( ` ).


Add the Standard Google Calendar

Google provides embed code that you can copy and paste into almost any website. To do this, please see Google's most up to date documentation here: https://support.google.com/calendar/answer/41207?hl=en. Once you get your embed code, copy it and paste into your website.