How to embed Google Calendar into Display Boards

Applies To: eDispatches Display Boards & Calendar Integrations

eDispatches Display Boards allow agencies to embed public Google Calendars to showcase department events, training schedules, and shift rosters in real time.

Step 1: Set Google Calendar Permissions to Public

Before embedding, your Google Calendar visibility permissions must be updated using a desktop web browser (permissions cannot be changed via the Google Calendar mobile app).

1. Open Google Calendar on a computer.
2. Click the Settings (Gear) Icon in the top-right corner and select Settings.
3. Under Settings for my calendars in the left sidebar, click the target calendar name.
4. Navigate to the Access permissions for events section.
5. Check the box for Make available to public and click OK to confirm.

For additional details, refer to Google Calendar Help: Mark your calendar as public.

Step 2: Obtain the Calendar Embed Code

Copy the iframe embed code from Google Calendar to paste into your eDispatches Display Board URL field:

1. In Google Calendar, navigate back to Settings.
2. Click your calendar name under Settings for my calendars.
3. Scroll down to the Integrate calendar section.
4. Copy the complete iframe HTML code displayed in the embed window.
5. Optionally, click Customize to adjust colors, dimensions, and views, then copy the updated HTML code.

For additional details, refer to Google Calendar Help: Embed a calendar on your website.