Skip to main content

Website Help

Deutsch Español Français Italiano Português 繁體中文

Help Center

How can we help you?

Search

Google Calendar Widget

  • Updated

Keep site visitors up-to-date at a glance by adding the Google calendar widget to your site. It is a great way to keep visitors engaged by showing them upcoming events, bookings, workshops, seminars and more. The widget provides a seamless integration of a public Google calendar and can be customized like any other widget.

Note
  • This widget enables you to display public Google calendars only.
  • If you have added a calendar after connecting an account, the calendar may not appear in the calendar options. To display, disconnect and then reconnect the account.
  • The Google Calendar widget:
    • Does not display multiday events.
    • Is not able to be translated. The structure of the calendar (for instance the month and days) will remain in the site's default language. The calendar that is selected to be displayed should appear in the language set within its Google Calendar settings.

To add the widget:

  1. In the left panel, click Widgets.
  2. Click and drag the Google calendar widget into your site.

To learn more about adding widgets to your site, see Add Widgets.

Content Editor

To access the content editor:

  1. Right-click the widget, and click Edit Content.
  2. Click Sign in with Google After the account is connected, you will see all public Google calendars associated with that account.
  3. Select the public calendar you want to display and which day of the week you want the calendar to start on.
  4. (Optional) By default, the time format is set based on the site language. For example, English uses 12 hour format with AM/PM and European languages are in 24 hour format. If it is set to 12 hour format and you need to switch to 24 hour, enable the Use 24-hour clock toggle.
  5. To add or edit events, go directly to the Google calendar.

Design Editor

To access the design editor:

  1. Right-click the widget, and click Edit Design.
  2. To customize the style of the calendar sections, click Calendar. Customize the following:
    • Header—month & icon
    • Days of the week
    • All days
    • Events
    • Today
    • Calendar direction
  3. To customize the style of the event popup that displays when you click an event in the calendar, click Event Popup. On mobile, events are marked with a dot.

For information about design options that are not specific to this widget (for example, layout, style, or spacing), see Widget Design.

Supported Fields

The following fields are supported in the Google Calendar widget:

  • Title
  • Description
  • Date and Time

The following fields are not supported:

  • Location
  • File