Add a Planning Center Calendar

The Planning Center Calendar block displays upcoming Calendar events in month and list views. Event data is requested through WordPress and refreshed frequently; it is not imported as WordPress posts.

Kleis uses each event’s published start and end times. Private setup and takedown time remains hidden from the public calendar.

Kleis displays only events published to Church Center, including featured events. Unpublished and link-only events stay hidden. Events also stay hidden when Planning Center does not supply their publication status.

Prerequisites

Kleis must show Connected to Planning Center, and the connected organization must have at least one current or upcoming Calendar event.

Add the calendar

1. Edit the page where the calendar should appear.
2. Insert the Planning Center Calendar block.
3. In the block sidebar, open Colors.
4. Choose the Event color, Toolbar button color, and Toolbar button text color.
5. Preview the page and test the previous, next, today, month, and list controls.
6. Select an event and confirm it opens the expected Church Center event page.
7. Publish or update the page.

Choose accessible colors

Use a toolbar text color with strong contrast against the toolbar button color. Test event labels at desktop and mobile widths. Theme colors appear in the picker when the active theme provides a palette.

What visitors see

• Month shows events on their calendar dates.
• List provides a compact chronological view.
• Previous, Next, and Today change the visible date range.
• Event links use the public URL supplied by Planning Center.

Freshness

Kleis briefly caches Calendar responses and refreshes them in the background so Planning Center response times do not delay your pages. Immediately after connecting Planning Center or when the cache must be rebuilt, visitors may briefly see a loading message. If the background refresh takes too long, Kleis automatically retries once while preparing the page. A Planning Center change may take several minutes to appear.

You should now see: an interactive public calendar containing current Planning Center events, readable toolbar controls, and event links that open the correct destination.

For a designed chronological layout, build an upcoming events list.