Monday, February 1, 2016

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


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.


The post How to Add Google Calendar in WordPress appeared first on WPBeginner.

No comments:

Post a Comment