Plans that include this feature: all plans

Did you know that your audience can view and interact with a Google calendar from your genially?

This feature is especially useful if you want to tell people about a series of events that could be modified. If you want to edit an event, all you need to do is edit it in your Google calendar, and your audience will automatically have the updated information in the genially.

This article covers the following aspects:

  • How to create a Google calendar
  • How to get the code of a Google calendar
  • How to embed a Google calendar in Genially

How to create a Google calendar

Just as Google explains in this article, what you should do is:


1. Open Google Calendar on a computer. You can only get the code to insert a calendar in a website from a computer, not from the Google Calendar application.


2. On the left, next to "Other calendars", click Add other calendars + > Create new calendar.


3. Add a name and description for your calendar.


4. Click Create calendar.



Steps to create a Google calendar

How to get the code of a Google calendar

1. Open Google Calendar on a computer. You can only get the code to insert a calendar in a website from a computer, not from the Google Calendar application.

TIP: only the people you've shared your calendar with will be able to see the calendar you've embedded. If you want all of your visitors to see your calendar, you'll need to make it public.

2. On the left side of the screen, hover over the name of the calendar you want to insert and click on the 3 dots that appear.


3. Select the option "Settings and sharing".


4. From the dropdown configuration list below the calendar, select the option "Integrate calendar".


5. There you can obtain the embed code of the calendar. If you wish, you can also click on "Customize" to modify the appearance of the calendar and then get the newly generated code.

Steps to obtain the embed code of the calendar


How to embed a Google calendar in Genially

1. In the Genially Editor, paste the iframe code you copied earlier in the Embed tab.


2. Adjust the calendar to the desired size.

Steps to embed a Google calendar in Genially