How to embed a Google Calendar in Wordpress

Google Calandar is a calendar service developed by Google which can help you manage your time and schedule.

In this guide, we will take a look at How to embed a Google Calendar to know more deeply about this topic.

To embed a Google Calendar

How to use Google Calendar

Google Calendar gives users permission to generate and modify events. Reminders can be set for events, with many options available for type and time. Also, locations of events can be added and you are allowed to invite friends, partners, other users to events. Users are able to enable or disable special calendars’ visibility, which includes Birthdays, where the app retrieves dates of births from Google contacts and show birthday cards on a yearly basis. Even more, Holidays, a country-specific calendar which shows dates of special occasions. Recently, Events from Gmail has been additionally added so that event information from a user’s Gmail messages can be added to Google Calendar automatically. Smart Suggestions is where the app recommends contacvts, titles, and locations when you generate events. Goals is the place users fill in information on a specified personal goal, and the app schedules the activity at optimal times automatically.

Embed a Google Calendar

You are able to embed a Google Calendar into your site by using the Google Calendar embed code. Please follow these steps to create your embed code:

In Gooogle Calendar

  • Step 1: Click the 3 dots which are located next to your calendar name and tap the Settings and Sharing button in Google Calendar.

In Gooogle Calendar Settings and Sharing

  • Step 2: Go to the section named Access Permission and make your calendar public by checking the Make available to public checkbox.

In Gooogle Calendar Access Permission

  • Step 3: Copy the Embed code into your site when going to the Integrate Calendar section. The embed code does contain your Google account name, so please make sure that you are okay with making that name public.

In google Copy the Embed code

In the Block Editor

  • Step 1: Modify the Page or Post you desire to insert the Google Calendar into.

  • Step 2: Insert a new HTML Block.


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

  • Step 4: You can choose to Update or Publish your post or page.

  • Step 5: The next time you modify your page or post, you will notice the Embed code has been converted to shortcode.


Please kindly note that you are able to switch to the HTML tab in the editor to paste the Embed code in case you are using the Classic Editor.

Embed a Google Calendar into your Sidebar

  • Step 1: Please follow steps 1-5 listed above and copy the shortcode from step 5.

  • Step 2: Go to Customize → Widgets and choose the widget area that you desire your calendar to be displayed on.

  • Step 3: Insert a Custom HTML widget to your sidebar.

  • Step 4: Insert a title to you widget in case you need one.

  • Step 5: Paste the shortcode into the Custom HTML widget.

  • Step 6: Hit the Publish button and go to your site and admire your brand new calendar.

Sync iCal with Google Calendar

Although we do not 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

  • Please note that do NOT manually open the shortcode as you normally like you do with other services when inserting Google Calendars into your blog (i.e. do not begin typing the shortcode and then paste the calendar code). This will not work.

  • Click the Customize link under Integrate Calendar in your Google Calendar to customize your calendar (during step 3 above).


You have got you through some necessary information about Google Calendar, how to leverage it and how to embed it. Let’s try it out because Google Calendar does charge you no fee to keep track of life’s essential events all in only one place.