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
You can use the Google Calendar Block to add your calendar directly into a post or a page.
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:
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
- Click the three dots next to your calendar name and select the Settings and Sharing link.
- Go to the Access Permissions section and make your calendar public by checking the checkbox called Make available to public.
- 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.
Here a the steps to embed a Google Calendar with HTML:
- Edit the Page or Post you want to add the Google Calendar to.
- Add a new HTML Block.
- Paste the Embed code you copied from your Google Calendar.
- Publish, or Update your page or post.
- The next time you edit your page or post, you will notice the Embed code has been 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.
- Follow steps 1-5 above and copy the shortcode from step 5.
- Go to Customize → Widgets and select the widget area you want your calendar to appear on.
- Add a Custom HTML widget to your sidebar.
- Add a title to your widget (if you want one).
- Paste the shortcode into the Custom HTML widget.
- Click the Publish button and go to your site and admire your awesome new 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.
- 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).
You will be able to control the color, the buttons, the width, the height, and more:
