Embed Church Center Calendar

Created on:
Updated on:

Add events to your website by embedding the Church Center Calendar! Choose between a month, list, or gallery view to display event details.

Warning

Calendar will need to be published in Publishing to embed your Calendar on another website. Only events published in Church Center will be displayed to the public.

Click the share icon on the Events page in Calendar and select Embed from the dropdown.

share_menu_embed_with_arrow.png

Tip

Any filters applied when you click Embed will not be reflected in the embed. If you want to embed a filtered list of events, try sharing an iCal feed. 

Configure Embedded Calendar

Before embedding your calendar, select the embedded view, choose which campus and event category to display, and choose whether to include the filter bar.

modal_embed_numbers.png
  1. Choose between Month, List, or Gallery view.

  2. Select All Campuses to show all campuses or select a specific campus.

  3. Select All Categories to show all categories or select a specific category.

  4. Check to include the filter bar so congregants can filter to specific events themselves.

  5. Choose the type of code you'd like to embed.

  6. Select Copy code and paste the embed code anywhere inside your webpage's <body> tag.

Embed Examples

Here are examples of the different styles for the embedded calendar.

Month View: 

month_view_calendar.png

List View: 

list_view_calendar.png

Gallery View: 

embed grid_view.png
Was this article helpful?
1 out of 3 found this helpful