Embedding a Google Calendar on a Tithely Site

Integrating calendars can enhance your site's functionality and provide visitors with up-to-date information about events and schedules. If the calendar view on the events page doesn't meet the specific needs of your church, you will also have the option to embed a Google Calendar on your site. Please note this is a one-way flow from Google Calendar to your website, your website's calendar will not sync with your Google Calendar.

Tithely Tip

If you would like to integrate your Breeze calendar as well you can connect your Breeze calendar to Google Calendar and then embed your Google Calendar to your Tithely Site. Bringing all your calendars together! 

How to Embed a Google Calendar

  1. Visit Google's Help Doc for assistance finding the HTML code you will need for embedding a Google Calendar on your website: https://support.google.com/calendar/answer/41207?hl=en.
  2. After you've copied the HTML code, navigate to the page on your website where you would like the Google Calendar to be embedded.
  3. Add a Text with Photo block to the page by clicking a + option and selecting the block type.
    Screen_Shot_2022-06-29_at_12.51.03_PM.png
  4. Click Edit Element on the Text with Photo block, and within the text editor and click the Source Code button (< >) in the editing bar.
    Screen_Shot_2022-06-29_at_12.51.47_PM.png
  5. From here you can paste the copied iFrame code from your clipboard.
  6. Click Save Block Element to save changes.

User Permissions needed to access Sites
Account Owner, Admin, Limited Acess User with permissions granted for Sites, or Admin Permissions granted directly on the Tithely Site. If you have additional questions, please reference this article.