---
title: Integrate Your Google Calendar(s) into Catapult
description: Want to keep your website’s calendar up-to-date and easy to access? Follow these steps to integrate and manage your Google Calendars, ensuring your visitors get the most accurate information.
---

[Skip to content](https://support.catapultcms.com/hc/en-us/articles/360049627231-integrate-your-google-calendar-s-into-catapult#main-content)

English

Show submenu for translations

[Submit a Ticket](https://support.catapultcms.com/kb-tickets/new?hsLang=en)

[![catapult-cms-logotype](https://support.catapultcms.com/hs-fs/hubfs/catapult-cms-logotype.png?width=300&height=59&name=catapult-cms-logotype.png)](https://support.catapultcms.com/migration?hsLang=en)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Submit a Ticket](https://support.catapultcms.com/kb-tickets/new)
- [CatapultCMS.com](https://catapultcms.com/)

[CatapultCMS.com](https://catapultcms.com/)

 Welcome to Catapult Support Knowledge Base!

- There are no suggestions because the search field is empty.

1. [CatapultCMS Help](https://support.catapultcms.com/?hsLang=en)
2. [CMS](https://support.catapultcms.com/cms?hsLang=en)
3. [Integrations](https://support.catapultcms.com/cms?hsLang=en#integrations)

# Integrate Your Google Calendar(s) into Catapult

## Want to keep your website’s calendar up-to-date and easy to access? Follow these steps to integrate and manage your Google Calendars, ensuring your visitors get the most accurate information.

### Step-by-Step Guide

#### 1. Place Your Calendar Element

First, decide which page on your website will display the calendar(s). Here’s how to add it:

- Go to the **PAGES** panel, find your chosen page, and click **EDIT**.![](https://support.catapultcms.com/hs-fs/hubfs/2024-09-25_13-39-22-PNG.png?width=258&height=296&name=2024-09-25_13-39-22-PNG.png)
- In the **EDIT PANEL**, select the **CALENDAR** icon and drag it into one of the red-outlined content areas on your page.![](https://support.catapultcms.com/hs-fs/hubfs/2024-09-25_15-41-39-PNG.png?width=1920&height=911&name=2024-09-25_15-41-39-PNG.png)

#### 2. Sync Your Google Account

Next, you’ll sync your Google Calendar to your website.

- Click the pencil icon in the top right corner of the calendar template (or anywhere inside the calendar space) to open a pop-up window.
- Select **ADD GOOGLE ACCOUNT(S)/CALENDAR(S)**.![](https://support.catapultcms.com/hs-fs/hubfs/2024-09-25_15-48-57-PNG.png?width=414&height=360&name=2024-09-25_15-48-57-PNG.png)
- A new window will appear. Click the green **MANAGE ACCOUNTS** button in the top right corner, then click **ADD ACCOUNT**.  
  ![](https://support.catapultcms.com/hs-fs/hubfs/2024-09-25_15-49-44-PNG.png?width=300&height=265&name=2024-09-25_15-49-44-PNG.png)![](https://support.catapultcms.com/hs-fs/hubfs/2024-09-25_15-50-32-PNG.png?width=300&height=264&name=2024-09-25_15-50-32-PNG.png)
- Log in to the Google account associated with the calendar you want to use.
- Allow CatapultCMS to access your Google account by clicking **ALLOW**.
- You’ll see a list of Google accounts that have been synced. Click **FINISHED** to complete the process.

#### 3. Display Your Calendar

Now that your Google account is connected, it’s time to display your calendars.

- In the **MANAGE GOOGLE CALENDARS** window, you’ll see two sections: **MY CALENDARS** and **OTHER CALENDARS** (for any shared calendars).
- Check the box next to each calendar you want to show on your site, then click **OK**.

#### 4. Customize Your Calendar Display

You can choose how your calendar appears on your site:

- **Calendar Mode**: Pick between Full, Event Feed, or Week view. The Event Feed is often used on the homepage, with the full calendar on a dedicated calendar page.
- **Show Link to Google Calendar**: Adds a Google Calendar icon and link below your calendar.  ![Google\_calender\_link.png](https://support.catapultcms.com/hs-fs/hubfs/Knowledge%20Base%20Import/Google_calender_link-1.png?width=125&height=22&name=Google_calender_link-1.png)
- **Show Print Icon**: Adds a Print button above the calendar. ![Print\_button.png](https://support.catapultcms.com/hs-fs/hubfs/Knowledge%20Base%20Import/Print_button-1.png?width=55&height=25&name=Print_button-1.png)
- **Show Calendar List**: Adds a dropdown list of available calendars in the top right corner.
- **Show Calendar Legend**: Displays a color-coded legend below your calendar to indicate event categories.  
  ![legend.png](https://support.catapultcms.com/hs-fs/hubfs/Knowledge%20Base%20Import/legend-1.png?width=275&height=25&name=legend-1.png)![Google\_calendar\_-\_red.png](https://support.catapultcms.com/hs-fs/hubfs/Knowledge%20Base%20Import/Google_calendar_-_red-1.png?width=564&height=468&name=Google_calendar_-_red-1.png)

#### 5. Change Your Calendar Color

Want to match your calendar’s color to your brand or team colors? Here’s how:

#### ![](https://support.catapultcms.com/hs-fs/hubfs/2024-09-25_16-29-27-PNG.png?width=543&height=520&name=2024-09-25_16-29-27-PNG.png)

- Open the **GOOGLE CALENDAR** window by
- clicking on your calendar.
- Click **MANAGE CALENDARS** to open the settings.
- Next to the calendar you want to customize, click the arrow on the color bar.
- Choose a new color from the **COLOR CHOOSER**. You can select from Web, RGB, or HSB options to find the perfect shade.
- Click **SELECT**, and your calendar will now display in the chosen color.

#### 6. Make Your Calendar Public

Ensure your calendar is visible to everyone by making it public:

![Settings\_and\_sharing\_-\_red.png](https://support.catapultcms.com/hubfs/Knowledge%20Base%20Import/Settings_and_sharing_-_red-1.png)

- Go to [**calendar.google.com**](http://calendar.google.com), hover over your calendar’s name, and click the three dots.
- Select **SETTINGS AND SHARING**.
- Scroll down to **ACCESS PERMISSIONS** and check the **MAKE AVAILABLE TO PUBLIC** box.
- From the dropdown menu, choose **SEE ALL EVENT DETAILS** to allow viewers to see full calendar events.
- Click **SAVE** to confirm your settings.

Repeat these steps for any additional calendars you’ve synced to your site, and you’re all set!

 

 

 

 

 

- [CMS](https://support.catapultcms.com/cms?hsLang=en#main-content)

    - [Getting Started with Catapult CMS](https://support.catapultcms.com/cms?hsLang=en#getting-started-with-catapult-cms)
    - [The Dashboard](https://support.catapultcms.com/cms?hsLang=en#the-dashboard)
    - [General Editing Information](https://support.catapultcms.com/cms?hsLang=en#general-editing-information)
    - [Basic Elements](https://support.catapultcms.com/cms?hsLang=en#basic-elements)
    - [Visual Elements](https://support.catapultcms.com/cms?hsLang=en#visual-elements)
    - [File Management](https://support.catapultcms.com/cms?hsLang=en#file-management)
    - [Integrations](https://support.catapultcms.com/cms?hsLang=en#integrations)
    - [Compliance](https://support.catapultcms.com/cms?hsLang=en#compliance)
    - [Configuration](https://support.catapultcms.com/cms?hsLang=en#configuration)
    - [Implementation](https://support.catapultcms.com/cms?hsLang=en#implementation)
- [Connect](https://support.catapultcms.com/connect?hsLang=en#main-content)

    - [Manage Users](https://support.catapultcms.com/connect?hsLang=en#manage-users)
    - [SIS Configuration](https://support.catapultcms.com/connect?hsLang=en#sis-configuration)
    - [Dashboard](https://support.catapultcms.com/connect?hsLang=en#dashboard)
    - [Other](https://support.catapultcms.com/connect?hsLang=en#other)
    - [Organization & Site Resources](https://support.catapultcms.com/connect?hsLang=en#organization-site-resources)
    - [Messages](https://support.catapultcms.com/connect?hsLang=en#messages)
    - [Emergency Resources](https://support.catapultcms.com/connect?hsLang=en#emergency-resources)
    - [Implementation](https://support.catapultcms.com/connect?hsLang=en#implementation)
- [APP](https://support.catapultcms.com/app?hsLang=en#main-content)

    - [App Management](https://support.catapultcms.com/app?hsLang=en#app-management)
- [What's New](https://support.catapultcms.com/whats-new?hsLang=en#main-content)

    - [What's new at CatapultCMS](https://support.catapultcms.com/whats-new?hsLang=en#whats-new-at-catapultcms)
- [Contact Us](https://support.catapultcms.com/contact-us?hsLang=en)
- [Incident Report](https://support.catapultcms.com/incident-report?hsLang=en)
- [Implementation](https://support.catapultcms.com/implementation?hsLang=en#main-content)

    - [Professional Add-On Services](https://support.catapultcms.com/implementation?hsLang=en#professional-add-on-services)

[![catapult-cms-logotype](https://support.catapultcms.com/hs-fs/hubfs/catapult-cms-logotype.png?width=250&height=49&name=catapult-cms-logotype.png "catapult-cms-logotype")](https://catapultcms.com/)

[CatapultCMS.com](https://catapultcms.com/)

[CMS Login](https://www.catapultcms.com/Login.aspx)

[CONNECT Login](https://www.catapult-connect.com/Account/Login?ReturnUrl=%2F)

Copyright © 2026, CatapultCMS