Showing a Google Calendar Inside Joomla

This tutorial will show you how to display a Google Calendar inside your Joomla website.

Go to Your Google Calendar

tutuploadsmedia_1272046789496.png

Go https://www.google.com/calendar, login and and click "Settings" in the top-right corner.

Find the Calendar ID

tutuploadsmedia_1272046955739.png

Click on "Calendars" and then click on the name of your calendar. Scroll down to "Calendar Address" and copy the "Calendar ID" to your notepad. It will have a long string of characters and then @group.calendar.google.com

Make the Calendar Public

tutuploadsmedia_1272047075763.png

Click "Share This Calendar", check the box next to "Make this calendar public" and click "Save".

Download the GCalendar Component

tutuploadsmedia_1272044364223.png

Now that you have your Google Calendar set up correctly, we're going to install the necessary Joomla component. Visit https://g4j.laoneo.net to download the GCalendar component

Extract the GCalendar Folder

tutuploadsmedia_1272044636422.png

Click on the GCalendar folder and extract it so you can see the various extensions inside.

Install GCalendar

tutuploadsmedia_1272044447710.png

Go to Extensions >> Install/Uninstall and click "Browse" to upload com_gcalendar

Go to the GCalendar Component

tutuploadsmedia_1272045144592.png

Go to Components >> GCalendar >> GCalendars

Creating a New Calendar

tutuploadsmedia_1272046386573.png

Click "New" in the top-right corner. You'll see three fields. You only need to give the calendar a title and enter the "Calendar ID" you found and saved earlier. Click "Save"

Make a Menu Link to the Calendar

tutuploadsmedia_1272045038607.png

Go to Menus >> Main Menu >> click "New" >> choose "GCalendar"

Choose the Calendar

tutuploadsmedia_1272046474164.png

Choose the calendar you created and click "Save".

Your Calendar Should Be Ready ...

tutuploadsmedia_1272046596590.png