Support Articles

Stay Connected

Google Calendar Widget

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.


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. 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.



What's

Snappin

Related Articles

By Eddie Cruz 24 Aug, 2021
Expand the capabilities of the website builder with custom HTML. This widget allows you to embed custom code into your site, and can be used to embed third-party widgets such as videos, contact forms, and more. While adding custom code can extend your site's functionality, we recommend you only add code from a trusted source. Only add code if you know exactly what it does and how to troubleshoot it if it does not work. To learn more about using HTML in Developer Mode, see Developer Mode.
By Eddie Cruz 24 Aug, 2021
The editor's interface has three main predefined sections: The top navigation bar, the left panel, and the content area. Each of these predefined sections plays an important role in letting you make your site as awesome as possible.
By Eddie Cruz 24 Aug, 2021
This widget makes it easy for website visitors to send you money using PayPal. You can use the PayPal button both for gathering donations and for selling products.
Share by: