How to Embed Google Calendar to WordPress Website

From this tutorial you’ll learn how to embed Google Calendar to WordPress website page.

Adding Google Calendar. Google Calendar Settings
  1. First of all, you need to install and activate Google Calendar plugin. You can learn how to install plugins manually from Manual Plugins Installation tutorial.
  2. Navigate to installed plugins and open Google Calendar plugin settings. Here you need to connect the plugin with Google Calendar. To do it you need to use Google API key.
  3. To get Google API key navigate to Google Developer Console and click on Calendar API.
  4. Let’s create a project to use Calendar API. Click on Create Project.
  5. Fill in all the required information in the corresponding fields. You’ll have to input the name of the project and save the changes.
  6. Click on Enable to enable the project.
  7. Now you need to create credentials and select API key. Select Server key and define the name for it in the popup window. Then click on Create button.
  8. Please, copy a new key and navigate to WordPress Dashboard, then open Calendars > Settings tab. Here you need to insert the key and save the applied changes.embed Google Calendar
How to Create and Share Google Calendar
  1. Let’s create a new calendar. Navigate to Google Calendar and click on Create new calendar option under My Calendars.
  2. Define the name of a new calendar and click on Create Calendar button.
  3. Navigate to Google Calendars > My Calendars and select the icon of the calendar you need to share. Click on Share this calendar to make the calendar public.
  4. Now let’s proceed to editing Calendar settings. Locate calendar address section and find your calendar ID. Copy it to the clipboard.
  5. Return to WordPress Administration panel and navigate to Calendars > Add New tab.
  6. Name your calendar in the Title field and click on Google Calendar tab in the Calendars Settings box. Here you need to insert the ID you’ve copied.
  7. Click on Publish button to save the calendar. After doing it you need to locate a shortcode at the bottom of the page. Copy it to the clipboard.
  8. Navigate to Pages > Add New tab on the left of the Dashboard and paste the shortcode into the content area. Input the title and save the page.embed Google Calendar
This tutorial is based on Car Dealer Responsive WordPress theme.

Was this helpful?