- 1 How to Integrate Google Calendar in WordPress – 3 Easy Ways
- 2 Google Calendar
- 3 How to Add a Google Calendar in WordPress (Step by Step)
- 4 Video Adding google calendar to wordpress
How to Integrate Google Calendar in WordPress – 3 Easy Ways
March 26, 2020
| In News
| From annabdnmt
Google Calendar is a very useful app that lets you organize your schedule, manage and share events, and be more productive. That’s why so many people around the world use it and so should you. What if you could integrate it into your site? Wouldn’t that be amazing? In this guide, we will show you step by step how to integrate Google Calendar into WordPress.
To give you an idea of how useful this tool is, let’s take me as an example. Long before working with WordPress, I was a university student with a busy life schedule. It was fun, but I couldn’t keep track of a lot because I had so many deadlines to meet and so little memory to remember everything. Then Google Calendar was launched, and it has since saved me, not me but many others too.
Today, more than 250,000 websites are classified as Google Calendar customers, and nearly 100,000 of them use Google Calendar. If you’re unfamiliar with Google Calendar, you might be wondering what it does to get so much recognition? Google Calendar helps you schedule meetings, set reminders, manage and respond to meeting invitations, share and view calendars, and more.
However, as we talk about Google Calendar for WordPress websites, there’s more to it than you’ve ever known. In this guide, we’ll show you how to integrate WordPress into Google Calendar and how to get the most out of this great tool.
Introducing Google Calendar
Everyone knows the tech giant Google. Among the various Google apps, Calendar stands out as one of the most efficient tools for daily tasks and activities. In short, it helps organize users’ lives, both working alone and cooperating with other Google apps like Gmail.
For businesses, Google Calendar is useful as it lets you create events, send invitations to guests, create recurring events, manage attendees, and set optional attendees, among others. Additionally, there are many other Google Calendar features for premium G Suite users, such as setting up video conferences and adding and managing locations.
Why integrate Google Calendar in WordPress?
Now that we understand why individuals, groups, and businesses use this tool, let’s move on to why you should add Google Calendar to your WordPress site:
- Notify your customers of upcoming events: Using Google Calendar for your website allows you to notify your customers of upcoming events so they can make time to attend. This way you can make sure everyone knows ahead of time and attends events.
- Manage Personal Appointments: If the above is for the benefit of users, this purpose is only for you. You can manage all your activities by listing them here, adding notes, reminders, and anything else to streamline your working hours. This is the primary purpose of Google Calendar for personal use, but now that it’s integrated into your website, the benefits will be manifold.
Integrating Google Calendar with your WordPress site is a great way to keep your users informed of important upcoming events. Plus, it’s an amazing tool for creating recurring events and meetings, managing attendees, and arranging video calls, among other things. There are indeed many other plugins that have similar functionality. So why should you stick with Google Calendar? Even though Google wasn’t the only brand that understood the importance of developing a scheduling and management tool for WordPress businesses, Google Calendar has remained on top from the start because its features are invincible.
Plus, it’s Google, so brand recognition is very powerful. Other plugins have different functionality, but the truth is that usually they are not very useful. Also, although most plugins require you to pay for premium features, these features do not match Google Calendar. So, if you have to pay, you’d better use your money to extend the functions of Google Calendar.
How to integrate Google Calendar in WordPress? A step-by-step guide
There are 3 different ways to add Google Calendar to WordPress :
- With a plug-in
- Via the WP block editor
- Use HTML
Toutes ces méthodes sont très efficaces, vous devez donc choisir celle qui convient le mieux à vos compétences et à vos besoins. Maintenant, regardons de plus près chaque option.
1) Intégrer Google Calendar dans WordPress avec un plugin
Now, let’s have a look at how you can make this integration happen in three easy steps. Several support plugins help you embed Google Calendar in your WordPress site. However, in this tutorial, we’ll be using the highest-recommended plugin: Simple Calendar. This tool helps you display Google Calendar in WordPress in a very easy way.
Besides showing events by week or month or under a list format, it also syncs with your Google Calendar, meaning you won’t have to add anything to WordPress. What is more, you can also customize its look and go further by making use of its many add-ons or connecting with other plugins.
Step 1: Add Simple Calendar to WordPress
The first step to add Google Calendar to WordPress is to install Simple Calendar on your site. To do this, simply:
- In your WordPress dashboard, go to the Plugins section
- Click Add New and then type Simple Calendar in the search box
- There you’ll see the Simple Calendar – Google Calendar Plugin. Click Install Now and wait a few moments until it finishes
- Go to the Installed Plugins section, and activate it
After you’ve done that, look at your sidebar and you should see a Calendars section with a little calendar icon. That means that you have successfully installed Simple Calendar!
Step 2: Connect Your Site with your Calendar
Once you’ve installed and activated Google Calendar, you need to connect it with your WordPress site. So to configure the plugin, click Calendars – Settings. There, you will see the tab Event Sources, and you will see that it asks for a Google API key. Here you can find how to get the API coming along, but if you don’t want to read the whole thing, here we will brief it for you.
- Open Google Developers Console
- On the top right of the screen, click Create Project. Then type the name you want, and click Create
- You will then be taken to the APIs and Services page. Here, click Enable APIs and Services to get through to the API Library
- On the next screen, you will see a search box. Type Calendar API, choose the suggested result Google Calendar API and enable it
- After that, go to the Credentials tab, click Create Credentials, and choose API Key as shown below
- Now you will see the API key generated for you. Click Restrict Key for safety measures
- You will be taken to the API key detail page where you will see several options
- In the Application restriction part, choose HTTP referrers (websites)
- In the Website restrictions section, select Add an item and enter your site URL. Once you’ve done that, click Done
- In the API restrictions section, choose Restrict Key and Google Calendar API when selecting APIs, then click Save
Great! You have safely navigated through the hardest part. Now feel free to copy the API key, go back to the box inside the Calendars Settings WordPress dashboard where it asks for a Google API key, and paste the key. Click Save changes, and move on to the following step. You’re almost there.
Step 3: Display Google Calendar in WordPress
This is the final step where you’ll find out how to display Google Calendar and show it to the visitors of your WordPress website.
- First, visit Google Calendar and click Settings. You will see a left sidebar, scroll it down to find Settings for my calendars, and opt for the calendar you want to display on WordPress.
- After clicking on the calendars you want to show, you will see a dropdown where you will click the Access Permissions. Tick the Make available to the public option
- Then, click Integrate calendar on the same dropdown. Here, copy the ID under the Public address in iCal format
- Now, go back to the WordPress dashboard, and in the Calendars tab, choose Add New
- Type the title you want for your Calendar and then scroll down until you see the Calendar settings. There, choose the tab Google Calendar and you will see this:
- Paste the ID you copied in the third step above (Public address in iCal format) to the Calendar ID box
- Click Publish
Congratulations! You have just embedded Google Calendar.
What if you don’t want to use any third-party tools? We’ve got you covered. Let’s have a look at other methods to add Google Calendar to WordPress without a plugin.
2) Add Google Calendar with the WordPress block editor
Another option to add Google Calendar to any post or page on your site is to use the Google Calendar Block. This method is very simple and effective and doesn’t require any coding.
- So, to include the Google Calendar Block on your website, go to a page or post where you want to add the Calendar and click Add Block
- Then, type Google Calendar and select the corresponding block
- After adding the block, you’ll need to enable permissions for the calendar you want to share and paste the calendar embed code in the corresponding field
- So, to get the embed code you need in step 3, go to Google Calendar, click on the 3 dots next to the calendar, and press Settings and sharing
- After that, go to the Access Permissions section and make your calendar public by ticking the Make available to the public option. You’ll get a warning saying that this will make all your events visible. Click Ok
- Then, go to the Integrate Calendar section and copy the Embed code. This is the code you’ll use to add your calendar to your site. If you check the code, you’ll see that it has your email in it so make sure you’re ok with the calendar being public
- Finally, go back to the post or page where you want to display your calendar and paste the embed code in the corresponding field. Then press Embed and save the changes
- That’s it! You’ve just embedded Google Calendar on your WordPress site!
You can also customize your calendar by clicking on the Customise button. You can personalize the colors, buttons, size, tabs, icons, and more.
3) Embed Google Calendar in WordPress via HTML
Another easy way to embed Google Calendar in your WordPress site is via HTML. Don’t let the name discourage you if you’re not a developer. This method doesn’t require any coding skills and is very effective.
- So, to add Google Calendar to your site using HTML, first go to the page or post where you want to include your calendar
- Then, add a new Custom HTML Block. Here you’ll need to paste your calendar’s embed code
- To get it, you need to repeat steps 4 to 6 of the previous block editor method. You’ll need to go to Google Calendar, click on the 3 dots next to your calendar, and then go to Settings and sharing. Then make your calendar public under Access permissions, go to the Integrate Calendar section, and copy the Embed code
- Once you got your calendar’s link, paste it in the HTML Block and save the changes
- You’ve just added your Google Calendar to WordPress!
NOTE: WordPress will automatically convert the embed code into a shortcode Finally, if instead of using Gutenberg you’re using the Classic Editor, simply paste the embed code in the HTML tab.
Now that you have learned how to display Calendar on your site, let’s have a look at how you can make the most of it.
Tips on Customizing Google Calendar on WordPress
Simple Calendar is the most complex method to add Google Calendar to WordPress so here we’ll give you some tips to make the most of it. What’s great about Simple Calendar is that it allows you to customize the styles of your calendars.
To make it happen, go to your Calendars and choose the All Calendars tab. Then, specify the calendar whose appearance you wish to tweak and open the editor. Scroll the mouse to find Calendar Settings and click the Appearance tab. There the fun begins and you can customize the colors, design, and so on. All in all, some things you can do to customize your calendars are:
- Choose among a Light and Dark theme for your calendar
- Decide which specific color you want to indicate your calendar’s active day as well as event-dates
- Play with your calendar’s color scheme and find one that suits your website’s style
Shortcodes and Widgets to Embed Google Calendar on Posts and Pages
After you’ve integrated added Google Calendar to WordPress, when you create a new post or page, you’ll see an Add Calendar button as shown below.
This button works just like Add Media and lets you insert the calendar anywhere you want in the thread. If for some reason you don’t have this button, there are other ways you can add a calendar to your posts/pages: through shortcodes and widgets.
If you look carefully when adding a new calendar on the Calendars tab, you will see that a shortcode is given to you at the bottom right of the screen. To embed this calendar to your posts/pages, simply type this shortcode anywhere you want to display it.
The Simple Calendar plugin provides you with a widget that you can display on your site. To activate this option, in your WordPress Dashboard go to Appearance > Widgets. Here you will see the available widgets and you have to drag and drop the Simple Calendar widget to the spot you would like it to be displayed.
These are easy ways to display your calendar in different parts of your site to make the most of the WordPress and Google Calendar integration.
Tips to make the most of Google Calendar
Embedding Google Calendar in your WordPress site is the first step to better organizing your meetings and events. Most people use Calendar to simply create meetings but this tool can do much more for you. Let’s have a look at some tips to make the most of Google Calendar.
- Find a time: When you need to organize a meeting with several people, it can be hard to find a slot that works for everyone. The good news is that Google Calendar has a functionality called Find a time that makes finding the right time much easier. Simply create an event, invite the people that you want, and then go to the Find a time tab to find a slot where everyone is available.
- Block Appointment slots: Tired of receiving invitations for meetings at inconvenient hours? If you’re using GSuite, you can avoid that by blocking appointment slots. This way, you block the time in which your teammates can schedule meetings with you. To activate this functionality, simply create an event for the time you’re available for meetings and then go to Appointment slots. You’ll see a link that says “This calendar’s appointment page.” Click it and you will be redirected to a web version of your calendar that you can share.
- Add holidays and other events: Calendar allows you to add all types of events such as holidays, sports events, ad phases of the moon. To add this option, click on the 3 dots next to your calendar and go to Settings and sharing. Then, in the Add Calendar section, go to Browse calendars of interest and select the ones you want to activate. Once you finish, you’ll find the events you selected in the Other calendars section.
- Time Zones: Nowadays there are more and more teams that work from different parts of the world and with different timezones. If that’s your case, this tip is perfect for you. Google Calendar allows you to set both primary and secondary time zones so you always find a good time for your meetings. To activate this option, click on the 3 dots next to your calendar and go to Settings and sharing. Then, press the Set my primary time zone button under Calendar settings. There, tick the option to activate the secondary time zone and select the one you want. Additionally, you can add labels to your time zones and display a world clock.
All in all, Calendar not only will help you organize your schedule but also manage and share events so your customers can keep up with your events and important dates. If you add Google Calendar to WordPress, you’ll add more functionalities to your website, provide value to users, and stand out from your competitors. We’ve seen 3 different methods to embed Calendar on your site:
- With the Simple Calendar plugin
- Using the WordPress block editor
- Via HTML
These methods are beginner-friendly and they’re all very effective so choose the one that best suits your needs. Additionally, we’ve seen different ways to customize your calendar and add them using shortcodes and widgets. Finally, we’ve seen some tips that will help you make the most of Google Calendar. Have you tried this guide? Did you find it useful? Please share your thoughts with us in the comments section below! More useful guides to making the most of your site:
- How to Automatically post from WordPress to Facebook
- Guide: How to integrate WooCommerce with MailChimp
- How to configure and integrate WooCommerce with Stripe
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.
Table of Contents
- Google Calendar Block
- Add the Google Calendar Block
- Enable Permissions and Generate the Embed Code
- Example of an Embedded Calendar
- Embed a Google Calendar with HTML
- Embed a Google Calendar into your Sidebar
- Sync iCal with Google Calendar
- Additional Info
Google Calendar Block
You can use the Google Calendar Block to add your calendar directly into a post or a page.
Agregue el bloque de calendario de Google
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:
Enable Permissions and Generate the 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.
Example of an Embedded Calendar
↑ Índice ↑
Embed a Google Calendar with HTML
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.
Embed code 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.
↑ Índice ↑
Embed a Google Calendar into your Sidebar
- 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.
↑ Índice ↑
Sync iCal with Google 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.
↑ Índice ↑
- 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).
Customize your Google Calendar
You will be able to control the color, buttons, width, height, and more:
Customize a Google Calendar
Versatile planes and prices
Lo better para los estudiantes
Lo better for the aficionados
Lo better para autónomos
Lo better para las pequeñas empresas
choose a plan
Póngase en contacto con el soporte .
Help us improve:
We are always looking to improve our documentation. If this page didn’t answer your question or made you want to know more, let us know! We love to hear your comments. For help, please use the forums or contact the support form. Thanks!
How to Add a Google Calendar in WordPress (Step by Step)
Last updated on October 6th, 2021 by Editorial Staff | Reader DisclosureDisclosure: 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.
Comparte 689 Cuota Pío Cuota Facebook Messenger WhatsApp Correo electrónico
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.
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.
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.
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.
After that, you’ll be redirected to your project dashboard.
Here, you need to click the ‘Enable APIs and Services’ option.
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.
Next, click the ‘Enable’ button.
This activates the API so that you can generate an API code.
On the next screen, click the ‘Create Credentials’ button.
Then, select ‘API key’ from the drop down list.
This will bring up a popup that contains your API key.
You need to copy this and paste it into your favorite text editor.
After that, head back to the plugin settings screen in your WordPress dashboard and enter your API key.
Then, click the ‘Save Changes’ button.
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.
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.
Next, check the ‘Make available to public’ box in the ‘Access permissions for events’ section.
Then, click ‘Okay’ in the popup 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.
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.
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.
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 that was created is not visible on the WordPress blog. Today you need to add the calendar to a post on the WordPress page.
Para agregar su calendario a una página, simply vaya a Páginas » Agregar nuevo assigns a number to this página.
Then click on the “Más” icon to open the blocking menu and select the “Código corto” option.
Después de eso, debe ingresar el código abreviado para su nuevo calendario.
Puede encontrar esto yendo a Calendarios » Todos los calendarios y buscando el código abreviado asociado.
Una vez que haya terminado de hacer cambios en su página de calendario, simplye haga click en el botón ‘Publicar’.
You can add this código abbreviated to each area of your web site, including your widgets, to simply display your new calendar.
Your new calendar is now live on your WordPress site. Automatically update itself to media that aggregate new events.
Cuando sus usuarios pasen el mouse sobre un evento, se mostrarán los detalles del evento.
If you want to allow usuarios to reserve quotes through Google Calendar, consult our guide on how to aggregate Google Calendar events from your WordPress contact form.
Hope this article was designed to learn how to use Google Calendar and WordPress. It is also possible to see the new comparison of the difference between a number of dominio and a alojamiento web and new selections of experts of the best software of nomina para su pequeña empresa.
If you like this article, submit to a new YouTube channel for WordPress video tutorials. Also puede encontrarnos on Twitter and Facebook .
Shares 689 Share Tweet Share Facebook Messenger WhatsApp Email