Skip to content

Build an Upcoming Events List

The Kleis Events Template block repeats its inner blocks for upcoming event days. Use it when you want a list or grid that follows your theme rather than a month calendar.

Event data is served from a local cache and refreshed in the background so Planning Center response times do not delay the page. Immediately after connecting Planning Center or when the cache must be rebuilt, the block may briefly show a loading message; refresh the page shortly to display the events.

Event cards use the published start and end times from Planning Center, so private setup and takedown time is not shown.

  1. Edit a page and insert Kleis Events Template.
  2. Select the outer template block using List View.
  3. In Event Settings, choose the Number of days from 1 to 24.
  4. Leave Include past events off for a normal upcoming-events page.
  5. Turn on Featured events only only when Planning Center marks the desired events as featured.
  6. Add include or exclude tags when needed. Type the exact tag name and press Enter after each tag.

The limit counts event days, not individual event instances. Several events on one date can share a single repeated day.

The starter layout contains a Group with Event Title and Event Time. Select the inner Group and arrange supported blocks inside it. Common additions include Event Image, Event Weekday, Event Day, Event Month Year, and Event Registration URL.

Use core Group, Columns, Stack, Heading, Paragraph, Separator, and Spacer blocks to structure the layout. Kleis repeats everything inside the Events Template for each returned event day.

  • Include tags: An event must match an included Planning Center tag.
  • Exclude tags: Matching events are removed.
  • Featured only: Only events marked featured in Planning Center appear.
  • Combining filters narrows the results further.

Tag matching ignores capitalization, but the documentation recommends copying the visible Planning Center tag name to avoid mistakes.

You should now see: one repeated layout for each upcoming event day, ordered soonest first and limited by your selected days and filters.

Next: Design Event Cards.