Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Add a Google Calendar in WordPress (Step by Step)

Do you want to add a Google Calendar in your WordPress site?

Google Calendar is a useful app to use for your website, since it makes it easy to share your in-person and virtual events for all your visitors to see.

In this article, we will show you how to add a Google Calendar in WordPress, step by step.

How to add Google Calendar in WordPress (step by step)

Why Add Google Calendar to WordPress

Google Calendar is one of the most widely used free Google Tools. By adding Google Calendar to WordPress, you can easily display upcoming events to your visitors.

This lets you show upcoming webinars, virtual retreats, online sermons, coaching calls, and more.

Plus, when you make changes to your Google Calendar, your website calendar will update automatically with no added work on your end.

That being said, let’s show you how to add a Google Calendar to your WordPress site.

Adding Google Calendar in WordPress Using a Plugin

First thing you need to do is install and activate the Simple Calendar – Google Calendar Plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to go to Calendars » Settings to setup the plugin.

Then, click the ‘Google Developers Console’ link.

Click Google Developer Console link

This will bring you to the Google Cloud Platform, where you can connect the plugin to your Google Calendar. This requires giving the plugin access to your calendar data with a Google API key.

To do this, click the ‘Create Project’ button.

Google Cloud click create project

This brings you to a screen where you need to provide a name for your project and choose the ‘Organization’ and ‘Location’.

The name can be anything you want, but we recommend using something that helps you identify the project. For the other two fields, you can simply enter the URL for your website.

Then, click the ‘Create’ button.

Name and create new API project

After that, you’ll be redirected to your project dashboard.

Here, you need to click the ‘Enable APIs and Services’ option.

Enable APIs and services

This brings you to a page that shows all of Google’s APIs.

You need to select the ‘Google Calendar API’ in the ‘Google Workspace’ section to continue.

Select Google Calendar API

Next, click the ‘Enable’ button.

This activates the API so that you can generate an API code.

Enable Google Calendar API

On the next screen, click the ‘Create Credentials’ button.

Then, select ‘API key’ from the drop down list.

Create credentials for API key

This will bring up a popup that contains your API key.

You need to copy this and paste it into your favorite text editor.

Copy API key

After that, head back to the plugin settings screen in your WordPress dashboard and enter your API key.

Then, click the ‘Save Changes’ button.

Enter API key and save

Now you have successfully connected your WordPress website with Google Calendar, and are ready to add your calendar to your website.

Making Your Google Calendar Public

If you want to share a Google Calendar, then first you’ll need to change the calendar settings to make it public.

To do that, first you need to open up the Google Calendar you want to add to your WordPress site.

Then, click the ‘Gear’ icon and select ‘Settings’ from the drop down list.

Google Calendar settings

After that, click on the name of the calendar you want to share in the ‘Settings for my calendars’ section.

This will open up the individual calendar settings on a new page.

Click on Google Calendar

Next, check the ‘Make available to public’ box in the ‘Access permissions for events’ section.

Then, click ‘Okay’ in the popup box.

Check make available to public box

Once you’ve done that, scroll down to the ‘Integrate calendar’ section.

Here you’ll need to copy the ‘Calendar ID’ and paste it into your preferred text editor, so you can have it handy for a later step.

Copy calendar ID

Adding Your Google Calendar to WordPress

Next, you need to use the Simple Calendar plugin to create a new calendar that you will embed into your site.

From your WordPress dashboard, simply go to Calendars » Add New to bring up the calendar editor.

Add new calendar

First, enter a title for your calendar. You will notice that the plugin has already added some shortcodes and text in the text area. You can leave that as it is and scroll down to the ‘Calendar Settings’ box below the text editor.

Then, click on the ‘Google Calendar’ tab and paste the Calendar ID you copied into your text editor earlier.

Add Google Calendar ID

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’re done, simply click the ‘Publish’ button to save your calendar.

Display Google Calendar on Your WordPress Site

The calendar you just created isn’t visible on your WordPress blog yet. You still need to add the calendar to a WordPress post or page.

To add your calendar to a page, simply go to Pages » Add New, and give your page a name.

Then, click the ‘Plus’ icon to bring up the blocks menu and select the ‘Shortcode’ option.

Create new Google Calendar page

After that, you need to enter the shortcode for your new calendar.

You can find this by going to Calendars » All Calendars and finding the associated shortcode.

Find calendar shortcode

Once you’re done making changes to your calendar page, simply click the ‘Publish’ button.

You can add this shortcode to any area of your website, including widgets, to simply display your new calendar.

Your new calendar will now be live on your WordPress site. It will automatically update as you add new events.

When your users mouse over an event it will display the event details.

Google Calendar events example

If you want to let users book appointments through Google Calendar, then see our guide on how to add Google Calendar events from your WordPress contact form.

We hope this article helped you learn how to add Google Calendar in WordPress. You may also want to see our comparison of the difference between a domain name and web hosting and our expert picks of the best payroll software for your small business.

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

57 CommentsLeave a Reply

  1. The plugin for Simple Calendar has not been updated in 9 months and has not been tested on the last three major WordPress updates. Are you sure this is still the best option? Would doing an embed be better?

  2. Can you disable the “See more details” for individual events?
    I tried deleting the short code [link newwindow=”yes”]See more details[/link] and saving the calendar but it doesn’t work.
    Do I need to recreate a new calendar, remove the above short code and publish it from scratch?

    • If there are no changes then you would want to ensure your cache is not the root of the issue as well as check with the plugin’s support to see if how you are wanting to set it up is supported or if it would need custom code.

      Admin

  3. For anyone who, like me, needed this article’s instructions but found Google has updated their Cloud Platform and this article isn’t updated to match, here’s how I got it to work (11/8/2021):

    Follow the article instructions through: “Here, you need to click the ‘Enable APIs and Services’ option.”

    Next: Scroll down until you see “Google Calendar API” under Google Workspace and enable it.

    – You should be on the overview page, and there will be a button on the right side that says “create credentials.” Click it.

    – Which API are you using? > Google Calendar API
    – What data will you be accessing? > Application data (if you, like me, are trying to make visible a public Google Calendar and aren’t collecting any user information)

    – Are you planning to use this API with Compute Engine, Kubernetes Engine, App Engine, or Cloud Functions? > Yes.

    – Click next (it’ll say you don’t need anything else), then done.

    – You’ll be on your credentials page and there will be a new API key. Name it whatever you want. Then click the pencil/edit icon on the far right of it (hover text: Edit API Key).

    – Application restrictions > None

    – API restrictions > Don’t restrict key

    – Submit and you’ll be sent back to your credentials page. Click the “copy API key” button to copy to clipboard.

    – Continue following the instructions on this page from: “You need to copy this and paste it into your favorite text editor.”

    Hope that helps save you the time it took me trying to figure it out!

  4. Would there be an updated tutorial for this widget/plugin? I tried following along but Google has changed SO much – I was unable to figure it out.

    • We work on keeping our content as up to date as we can, we’ll be sure to look at updating this article as we are able :)

      Admin

  5. I can’t find the Simple Calender – Google calender plugin. Which plugin can be used to sync my google Calender with my WordPress site

    • This is an older article but we link in the article itself where you can download the plugin where we mention the Simple Calendar plugin.

      Admin

  6. My Google calendar no longer displays on my website. It displays on the back end but, not on the website. Is there Plugin other than, the Simple Calendar, that I can use to display my client’s Google calender?

    • Unless I hear otherwise, we do not have a recommended alternative at the moment but we will keep an eye out for alternatives we would recommend.

      Admin

  7. Is there a way to import multiple Google calendars for use on different pages? I am looking at this plugin to use for a school who has separate calendars that need to be displayed on different pages. Please let me know if that’s possible. Thanks!

    • Unless I hear otherwise, you should be able to embed multiple calendars with this.

      Admin

  8. I’ve added Simple Google calendar to my web site on the SideBar. All works okay except each item shows a bullet and then the item on the next line. Multiple events on the same day show a bullet, line break & description for each event. If I put it on the Footer widget, the bullets don’t appear. How can I get rid of the bullets to make it more compact?

    • That sounds like there may be a styling issue either from your theme or the plugin itself. If you reach out to the plugin’s support they should be able to let you know how to remove those.

      Admin

  9. hello

    I need a plugin that let’s the users (using a form) to choose a date to do a meeting in the availables dates in my calendar.

    Do you know something like that?

  10. Is there a way to add a search function to the Simple Calendar on my WordPress site? I read something about a search query function, but did not see how I can add this function.

    • Did you ever get any feedback on this? I am also interested in learning how to add a search in wordpress for my google calendar.

  11. I am not able to navigate back to view previous months on the calendar. Is there a setting i can change to allow this?

  12. My Simple Calendar just stopped synchronizing some time ago. I can’t get it to work anymore.
    Any suggestions?

  13. Hi,

    Is there a way to add an event directly from the WordPress back office (with syncing with Google Calendar) or should I add all the events in Google Calendar? Thank you.

  14. It doesnt work. Any suggestion?

    Error calling GET https://www.googleapis.com/calendar/v3/calendars (...) (400) Bad Request

    Please ensure that both your Google Calendar ID and API Key are valid and that the Google Calendar you want to display is public.

    • I am not sure why it isn’t working. The instructions seem so easy. i WISH it was that easy… Frustrating!!!

  15. I’ve got the calendar set up on my web page and it looks great. The only problem is that I can’t scroll to another month. When I click on the arrows, nothing happens. I’m assuming this is a simple button click in my settings that I’m missing?

    • I have everything set up for the google calendar and it shows on my website. When I add a new event on my google calendar it doesn’t update on the website. What am I missing?

  16. I have installed the Calendar with no problem but I am trying to attach a file from Google Drive. The calendar is public and the file.pdf is visible but when I click on it I am requested to sign into my google account. I am trying to make this file public and have set everything to share to public but it doesn’t seem to work. any advice would be appreciated.

  17. I added the google calendar properly, tested it and looks good, i copied the short-code on the last step to a new page as instructed and it only says ” Calendar Placeholder”

  18. Everything’s installed and working, except my bubbles don’t consistently work. If I toggle between list/grid view I can get them to work for in preview mode but not when I go to the web page.

  19. I have implemented the Simple Calendar and it works great. However, I would like to pull from more than one calendar at a time. Is there a way to show calendar events from more than one calendar within the same page/widget?

  20. I have followed the set up instructions more than once, but the “Calendar ID” field does not appear after I click on “Google Calendar” in calendar settings . Help! Thanks!

  21. I have google’s simple calendar plug in working. How do I synchronize it w/ my Google Calendar, and also the appearance of the calendar in my wordpress site is way too small. How do I make it bigger?

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

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

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

    Help?

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

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

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

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

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

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

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

    • Not sure if you found the answer but I had the same problem. On your dashboard if you go to settings-general-scroll down to the bottom and you will see “week starts on” then you can change it to sunday or whatever you like. I thought it was in the plugin settings but it’s in the WP general settings.

  31. 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 :(

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

      • 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!

  32. 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…
    Thoughts?

Leave a Reply to carlos Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.