Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
WordPress Plugins
View all Guides

How to Add Google Calendar in WordPress

Last updated on by
Special WordPress Hosting offer for WPBeginner Readers
How to Add Google Calendar in WordPress

Do you want to add a Google Calendar in your WordPress site? Google Calendar is one of the most useful apps. It allows you to manage your schedule, share events, and organize everything around you. In this article, we will show you how to add a Google Calendar in WordPress.

Adding Google Calendar in WordPress

To make it easy, we have created a video tutorial on how to install a WordPress plugin that you can watch below.

However if you just want to follow text-instructions, then you can follow our step by step tutorial on how to How to add Google Calendar in WordPress.

First thing you need to do is install and activate the Simple Calendar – Google Calendar Plugin. Upon activation, you need to visit Calendars » Settings page to configure the plugin.

Calendar sources settings

First you need to connect the plugin to your Google Calendar. This requires giving the plugin access to your calendar data. For that you need to create and provide a Google API Key.

Simply visit Google Developer Console website and click on create new project button.

Creating a project in Google Developer Console

This will bring up a popup where you need to provide a name for your project. It could be anything you want, but we recommend using something that helps you identify the project.

Choose a name for your project

You will now be redirected to your project dashboard where you need to click on the Enable and Manage API Keys link.

Enable API Keys

You will be brought to a page showing all the Google products and services. You need to click on the Google Calendar API located under Google Apps APIs section.

Enabling Google Calendar API

On the next page, you will be asked to confirm that you want to enable the Calendar API. Simply click on the Enable button to continue,

Enable calendar api confirmation

While your API is now enabled, you still need the details o how you would access the API and what credentials you will be using. Click on the go to credentials button to continue.

Generate API credentials

This will bring you to a page where you need to choose the credentials. We will be using the API key as the credential to connect Google Calendar to WordPress. Click on the API key link to proceed.

Click on API key link to generate API key

You will be now ask to choose where you will be using the key. Since you will be using it on a web server, you need to click on Server key to continue.

choose key type

Finally, you need to provide a name for the key. This could be anything that you can later identify easily. You can leave the IP addresses field blank.

Name your API key

You have successfully created an API key to use with your Google Calendar. Now you can copy the API key and paste it in the plugin’s settings page.

Don’t forget to click on the save changes button to store your settings.

Making Your Google Calendar Public

If you want to share a Google Calendar, then you need to change calendar settings and make it public. Here is a step by step guide on how to make your Google Calendar public.

Simply go to Google Calendars and click on the drop down icon next to the calendar you want to share.

Sharing a Google Calendar

This will take you to calendar sharing settings. You need to check the box next to make your calendar public and then click on the save button.

Making your Google Calendar public

The last thing you need is to get the unique calendar ID. You will need this ID to display the Calendar in WordPress. Simply click on the Calendar details tab.

Calendar details tab

Scroll down to the calendar address section page. There you will find your calendar ID. You need to copy this ID and paste it in a text file. You will need this calendar ID in the next step.

Copying the Google Calendar ID

Adding a New Calendar in WordPress

You have successfully connected your WordPress site with your Google Calendars. The next step is to add Google Calendar in WordPress.

Simply go to Calendars » Add New page. You will see a screen much like the post or page editing screens in WordPress.

Adding new calendar in WordPress

Start by entering a title for your calendar. You will notice that the plugin has already added some shortcodes and text in the textarea. You can leave that as it is and scroll down to the calendar settings box below the text editor.

You need to click on the Google Calendar tab in the calendar settings box and paste your Calendar ID.

Adding calendar ID in WordPress

You can also click on other tabs in the calendar settings box to customize how the calendar will display on your WordPress site.

When you are done, simply click on the publish button to save your calendar.

Display Google Calendar on Your WordPress Site

The Google Calendar you just created is not visible on your WordPress site yet. You will still need to add the calendar to a WordPress post or page.

Simply create or edit a WordPress post or page. On the post editor screen, you will notice the new ‘Add Calendar’ button.

Add calendar button on the post edit screen

This will bring up a popup where you can select the calendar you just added from a drop down menu.

You can also attach a calendar to a post by selecting it from the attach calendar metabox on the post edit screen.

Attach Google calendar to a post or a page

If you want to display your Google calendar in a sidebar widget, then Simple Calendar plugin has a widget for that.

You will need to visit the Appearance » Widgets page and find the Simple Calendar widget in the list of available widgets. Next, simply drag and drop the widget to a sidebar.

In widget settings, you will need to select your calendar from the drop down menu. Don’t forget to click on the save button to store your widget settings.

Adding Google Calendar to a sidebar using widget

That’s all, you can now visit your website to see your Google Calendar in action. You will notice that the plugin will beautifully highlight your events on the calendar. If you take the mouse over to an event, it will display event details.

Google Calendar embedded into a WordPress page

We hope this article helped you learn how to add Google Calendar in WordPress. You may also want to see our guide on how to install Google Analytics in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »


  1. Lauren H says:

    I have successfully added the google calendar to my wordpress website, wahoo! However, the font is really small on the actual calander… any way to make the font bigger or change the color?

  2. Jen says:

    Seemed easy enough but I am getting this error.

    Error calling GET …

    I double checked that my calendar is public and created a new APi and I get the same thing.

    :( Any suggestions?

  3. Brooke Jackson says:

    Very informative! However, I do not have a plug-in icon on my left tab when in my dashboard. In fact, I can’t find the Plug-in option anywhere under my admin log-in.


  4. Barry Goldstein says:

    I installed the app, and of course in the beginning it did not run. For the calendar’s id I had installed the URL – without the double quotes. But that’s wrong! I was being too technical when all it needed was the over all name – in our case

    The page, looks great – vastly superior to inserting the HTML code from Google’s calendar.

    This will give the client a great start. Later on I’m sure they’ll upgrade to the pro version. Many thanks

  5. Judy says:

    Is there a way to eliminate the ‘created by’ field when printing the agenda view from an embedded Google Calendar?

  6. Maggie says:

    I did all the steps and it worked perfeclty, but the events are shown uber tinny, almost ilegibles. Is there a way to change this? Thanks!

  7. jane says:

    cant access g google calandar under settings

  8. Heather says:

    Some of my events are showing on the wrong day/time on my website even though they are correct on google.

  9. Kami says:

    I added the plugin and set up the Google calendar following these directions. I don’t think I’ve missed anything. Still the events added on the public Google calendar don’t show up on my web page. Any suggestions?

    • Paul Appleby says:

      Kami, it’s probably a cache issue. Have a look at the “Why the event I just added on a Google Calendar doesn’t show up in Simple Calendar?” page at:

      So any events you add or edit will not show up in the Simple Calendar until the amount of time in the plugin’s cache setting has elapsed.

      Hope that helps.

  10. Samuel says:

    helped a lot, thank you!

    btw if anyone can tell me how to change the calendar start day from Monday to Sunday that would be great!

  11. stephie says:

    Your tutorial helps me but I just one step left to complete to share to my readers!
    Couldn’t get the “add calendar” button at the page :(

    • Same Problem says:

      Just ran into the same problem. I found the fix though! On the main menu go to Calendars->Settings->’Calendars’ Tab -> Attach Calendars. Select ‘Pages’ and the button will magically appear as described in this tutorial.

      • Niki says:

        Thank you so much for the work around! I was about to give up in despair after I got everything else to work! So glad I thought to check the comments!

  12. Malak says:

    How to add the event to the user local calender?

  13. Carlos says:

    I really wanted to use this app as I maintain a full Google calendar.
    But every time I try to activate it gives me a server error and I am no longer able to access my plugins pages in dashboard. If I go into cpanel and remove plugin it fixes things but I have no clue why this would do this…

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.