Categories

Featured templates

WordPress. How insert Google Calendar

Ivy van Westerholt August 8, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

The following tutorial will show you how to insert Google Calendar to the website based on a WordPress theme.

  1. Please log into your Dashboard and navigate to Plugins -> Add new

    WordPress.-How-insert-Google-Calendar-1
  2. First thing you need to do is to install and activate the Simple Calendar -> Google Calendar Plugin. You can simply type Simple Calendar in the search bar.

    WordPress.-How-insert-Google-Calendar-2
  3. Once you find the plugin, click on Install Now.

    WordPress.-How-insert-Google-Calendar-3
  4. Then, please, activate it.

    WordPress.-How-insert-Google-Calendar-4
  5. Please, navigate to the plugin that you have installed and choose Settings to configure the plugin.

    WordPress.-How-insert-Google-Calendar-5
  6. You need to connect the plugin with your Google Calendar. This requires giving the plugin access to your calendar data with the help of a Google API Key. Simply visit Google Developer Console website.

    WordPress.-How-insert-Google-Calendar-6
  7. Once you are on the Google Developer Console website, click on the Calendar API.

    WordPress.-How-insert-Google-Calendar-7
  8. You need to create a project in order to enable it. So, simply click on Create project.

    WordPress.-How-insert-Google-Calendar-8
  9. Then you will see a up a popup, where you need to provide a name for your project. Please, add the name and save changes.

    WordPress.-How-insert-Google-Calendar-9
  10. After that, enable your project.

    WordPress.-How-insert-Google-Calendar-10
  11. Click on Create credentials and choose the API key.

    WordPress.-How-insert-Google-Calendar-11
  12. In the next popup window choose ‘Server key’.

    WordPress.-How-insert-Google-Calendar-12
  13. Specify any name there and hit Create then.

    WordPress.-How-insert-Google-Calendar-13
  14. After that you need to copy a given key.

    WordPress.-How-insert-Google-Calendar-14
  15. Now, please, go to Calendars -> Settings, paste the key and save changes.

    WordPress.-How-insert-Google-Calendar-15
  16. If you want to share a Google Calendar, you need to change calendar settings and make it public. First we’ll create a calendar. So, please, go to your Google calendar and under the My Calendars click on Create new.

    WordPress.-How-insert-Google-Calendar-16
  17. Specify any name there and hit Create.

    WordPress.-How-insert-Google-Calendar-17
  18. Then go to Google Calendars and click on the dropdown icon next to the calendar you want to share. Then click on Share this calendar.

    WordPress.-How-insert-Google-Calendar-18
  19. You need to check the box next to make your calendar public and then click on the save button.

    WordPress.-How-insert-Google-Calendar-19
  20. Now, please, go to calendar settings.

    WordPress.-How-insert-Google-Calendar-20
  21. Scroll down to the calendar address section page. There you will find your calendar ID. You need to copy this ID.

    WordPress.-How-insert-Google-Calendar-21
  22. Then go back to your WordPress dashboard and go to Calendars -> Add New page.

    WordPress.-How-insert-Google-Calendar-22
  23. Add a title for your calendar.

    WordPress.-How-insert-Google-Calendar-23
  24. You need to click on the Google Calendar tab in the calendar settings box and paste your Calendar ID.

    WordPress.-How-insert-Google-Calendar-24
  25. You can also click on the Appearance in the calendar settings box to customize the way calendar shows up on your WordPress website.

    WordPress.-How-insert-Google-Calendar-25
  26. Then simply click on the publish button to save your calendar.

    WordPress.-How-insert-Google-Calendar-26
  27. After that, please, scroll down this page to see a shortcode. You need to copy it.

    WordPress.-How-insert-Google-Calendar-27
  28. Now you can add calendar to the page. So, go to Pages -> Add new.

    WordPress.-How-insert-Google-Calendar-28
  29. Add a title to your page, paste a shortcode, copied previously, and save a page.

    WordPress.-How-insert-Google-Calendar-29
  30. Then go to your new page. You will see your Google calendar there.

    WordPress.-How-insert-Google-Calendar-30
  31. You can also add Calendar to the widget. In order to do it you have 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.

    WordPress.-How-insert-Google-Calendar-31
  32. Select your calendar from the drop down menu in widget settings, and save it.

    WordPress.-How-insert-Google-Calendar-32
  33. Feel free to visit your website to see your Google Calendar in action.

This is the end of the tutorial. Now you know how to insert Google Calendar in WordPress.

Feel free to check the detailed video tutorial below:

WordPress. How insert Google Calendar

You may also look through our brand new WordPress calendar themes.

Responsive Themes for Wordpress
This entry was posted in WordPress Tutorials and tagged Calendar, google calendar, WordPress. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket