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.

In this guide

1. Google Calendar Block
   1. Add the Google Calendar Block
   2. Enable Permissions and Generate the Embed Code
   3. Example of an Embedded Calendar
2. Embed a Google Calendar with HTML
3. Embed a Google Calendar into your Sidebar
4. Sync iCal with Google Calendar
5. Additional Info

Google Calendar Block

You can use the Google Calendar Block to add your calendar directly into a post or a page.

Add the Google Calendar Block

In order to add the Google Calendar Block, click on the Add Block button.

Alternatively, you can type /google-calendar in a new block and press enter.

For more, visit our detailed instructions on adding blocks.

Once you add the block, it will ask you to enable permissions for the calendar and to copy the calendar embed code:

Enable Permissions and Generate the Embed Code

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

In Google Calendar

1. Click the three dots next to your calendar name and select the Settings and Sharing link.
   

   

2. Go to the Access Permissions section and make your calendar public by checking the checkbox called Make available to public.
   

   

3. Go to the Integrate Calendar section and copy the Embed code to paste into the block. The embed code contains your Google account name, so be sure you’re okay with making that name public.

   

Example of an Embedded Calendar

Embed a Google Calendar with HTML

Here a the steps to embed a Google Calendar with HTML:

1. Edit the Page or Post you want to add the Google Calendar to.
2. Add a new HTML Block.
   

   

3. Paste the Embed code you copied from your Google Calendar.
   

   

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.

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.

Embed 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.

Sync 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.

Additional Info

• When adding Google Calendars to your WordPress.com site, 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).

Customize your Google Calendar

You will be able to control the color, the buttons, the width, the height, and more:

Customizing a Google Calendar