Embed Blocks

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.

Table of Contents

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

↑ Table of Contents ↑

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

↑ Table of Contents ↑

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.

↑ Table of Contents ↑

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.

↑ Table of Contents ↑

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).
Google Calendar - Customize
Customize your Google Calendar

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

Customizing a Google Calendar
Still confused?

Contact support.

Not quite what you're looking for?

Get Help