Google Calendar

Google Calendar is a free calendar application from Google that makes it easy to keep track of life’s important events all in one place.

Embedding a Google Calendar
Embedding a Google Calendar into your Sidebar
Syncing iCal with Google Calendar
Additional Info

Embedding a Google Calendar

You can embed a Google Calendar into your site by using the Google Calendar embed code. To generate your embed code, please follow these steps:

In Google Calendar
  1. In Google Calendar, click the three dots next to your calendar name and select the Settings and Sharing link.
    Google Calendar - Settings and Sharing
  2. Go to the Access Permissions section and make your calendar public by checking the checkbox called Make available to public.
    Google Calendar - Make Public
  3. Go to the Integrate Calendar section and copy the Embed code into your site. The embed code contains your Google account name, so be sure you’re okay with making that name public.
In the Block Editor
  1. Edit the Page or Post you want to add the Google Calendar to.
  2. Add a new HTML Block.
    Google Calendar - HTML Block
  3. Paste the Embed code you copied from your Google Calendar.
    Google Calendar - HTML Embed Code
  4. Publish, or Update your page or post.
  5. The next time you edit your page or post, you will notice the Embed code has been converted to shortcode.
Google Calendar - Converted to Shortcode
Embed code converted to Shortcode

If you are using the Classic Editor, you can switch to the HTML tab in the editor to paste the Embed code.

Example of an Embedded Calendar

↑ Table of Contents ↑

Embedding a Google Calendar into your Sidebar

  1. Follow steps 1-5 above and copy the shortcode from step 5.
  2. Go to Customize → Widgets and select the widget area you want your calendar to appear on.
  3. Add a Custom HTML widget to your sidebar.
  4. Add a title to your widget (if you want one).
  5. Paste the shortcode into the Custom HTML widget.
  6. Click the Publish button and go to your site and admire your awesome new calendar.

↑ Table of Contents ↑

Syncing iCal with Google Calendar

Although we don’t currently offer a way to embed iCal, you may sync iCal with your Google Calendar account and have your events show up in the embedded Google Calendar.

↑ Table of Contents ↑

Additional Info

  • When adding Google Calendars to your blog, do NOT manually open the shortcode as you normally do with other services (i.e. do not begin typing the shortcode and then paste the calendar code). This will not work.
  • To customize your calendar, click the Customize link under Integrate Calendar in your Google Calendar (during step 3 above).
Google Calendar - Customize
Customize your Google Calendar
Still confused?

Contact support.

Not quite what you're looking for?

Get Help