Add google calendar to wordpress

New Page

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

Last updated October 6, 2021 by Editorial Team | Reader Disclosure Disclosure : Our content is reader approved. This means that if you click on some of our links, we may earn a commission. Find out how WPBeginner is funded, why it matters, and how you can support us.

Share 689 Fresh Tweeter Fresh Facebook Messenger WhatsApp Email

Want to add a Google Calendar to your WordPress site?

Google Calendar is a useful app for your website because it makes it easy to share your in-person and virtual events for all 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) 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 allows you to view upcoming webinars, virtual retreats, online sermons, counseling calls, and more.

Also, when you make changes to your Google calendar, your website calendar will automatically update without any additional work on your part.

That said, we’re going to show you how to add a Google calendar to your WordPress site.

Add Google Calendar in WordPress using a plugin

The first thing you need to do is install and activate 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 configure the plugin.

Then click on the “Google Developer Console” link.

Click on the Google Developer Console link Click on the Google Developer Console link

This will take you to 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 on the ‘Create a project’ button.

Click on Google Cloud to create a project Click on Google Cloud to create a project

This takes you to a screen where you need to provide a name for your project and choose “Organization” and “Location”.

Le nom peut être ce que vous voulez, mais nous vous recommandons d’utiliser quelque chose qui vous aidera à identifier le projet. Pour les deux autres champs, entrez simplement l’URL de votre site Web.

Cliquez ensuite sur le bouton ‘Créer’.

Name and create a new API project Name and create a new API project

Después de eso, serás redirigido al tablero de tu proyecto.

Aquí, debe hacer clic en la opción ‘Habilitar API y servicios’.

Enable APIs and Services 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 the Google Calendar API Select the Google Calendar API

Next, click the ‘Enable’ button.

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

Enable Google Calendar API 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 the API key Create credentials for the 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 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 the API key and save Enter the 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 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 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 the box to make available to the public Check the box make available for 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 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 a new calendar Add a 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 a Google Calendar ID Add a Google Calendar ID

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

When you’re done, just click the “Publish” button to save your timeline.

Display Google Calendar on your WordPress site

The calendar you just created is not yet visible on your WordPress blog. 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 on the ‘Plus’ icon to open the block menu and select the ‘Shortcode’ option.

Create a new Google Calendar page Create a new Google Calendar page

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

You can find it by going to Calendars » All Calendars and searching for the related shortcode.

Find calendar shortcode Find calendar shortcode

Once you’re done making changes to your calendar page, just 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 update automatically when you add new events.

When your users hover over an event, the event details are displayed.

Example of Google Calendar events Example of Google Calendar events

If you want to allow users to book appointments through Google Calendar, check out 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 might also want to see our comparison of the difference between a domain name and web hosting and our expert picks for the best payroll software for your small business.

If you liked this article, please subscribe to our YouTube channel for WordPress tutorial videos. You can also find us on Twitter and Facebook.

Share 689 Fresh Tweeter Fresh Facebook Messenger WhatsApp Email

Google Google Ubersetzer

Google Translator from Google

Google Traduction

Video Add google calendar to wordpress

Related Posts

Free chat room code for my website

Contents1 How to set up a free chat room on the website.2 3 comentarios2.1 Trackbacks/Pingbacks2.2 Submit a Comment Cancel reply3 How to Create a Chat Room Website…

Background image full screen css

Contents1 Cómo – Full Page Image1.1 Example1.2 Example2 CSS background image tamaño tutorial: how to codify a complete page background image3 Perfect Full Page Background Image3.1 Méthode CSS géniale,…

WordPress leverage browser caching

Contents1 Aproveche el almacenamiento in hidden del navegador1.1 Will it works for my website?1.2 Where are plugin options1.3 Some JavaScript files still display under Leverage Browser Caching1.4…

WordPress post to facebook page

Contents1 How to Automatically Post to Facebook from WordPress1.1 Download Now: How to Launch a WordPress Website [Free Guide + Checklist]1.2 1. Create an IFTTT account.1.3 2….

Download images from wordpress media library

Contents1 How to export your WordPress media library1.1 Download maintenant : How to launch a WordPress website [Free Guide + Checklist]1.2 How to export your WordPress media…

WordPress single post template

Contents1 How to Create Custom Unique Post Templates in WordPress2 Post Template Files2.1 author.php2.2 Fecha.php3 Handbook navigation4 How to Create Custom Single Post Templates in WordPress5 Video…