Skip to content
Kleis Docs

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.

Prerequisites

Section titled “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

Section titled “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

Section titled “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

Section titled “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.
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.