Google Calendar Widget


Keep site visitors up-to-date at a glance by adding the Google calendar widget to your sites. It’s 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.



  1. Drag and drop the Calendar widget anywhere on your page. To learn more about adding widgets to your website, see Adding Widgets.
  2. In the content editor, select a Google account to connect with. After the account is connected, you’ll see all public Google calendars associated with that account displayed.
  3. Select the public calendar you want to display and which day of the week you want the calendar to start with.
  4. Using the design editor, customize the calendar’s text and colors. You can control the style of the calendar sections (header, days of the week, all days, etc.) as well as the event popup, frame style and more.
  5. On mobile, events are marked with a dot. Clicking on the dot opens a popup with the event details.   
  6. To navigate between months, visitors click on the arrows in the header. To return to the current date, visitors click on the calendar icon.  


  • To add or edit events, go directly to the Google calendar.
  • This widget enables you to display public Google calendars only. For more about Google public calendars, read this.
  • If you’ve added a calendar after connecting an account, the calendar may not appear in the calendar options. To display, disconnect and then reconnect the account.