Guide 4 of 6

Add events to a page

Put your CourtReserve events on any page with the CourtFlow block, then choose how they look: carousel, category list, schedule or calendar.

1. Add the CourtFlow block

1. Open the page you want in the WordPress editor (Pages, then click the page), or create a new one.
2. Click the blue + button at the top left to open the block library 1.
3. Type CourtFlow in the search box 2.
4. Click the block named CourtFlow 3, or drag it to where you want it on the page.

2. Choose the view and what to show

The block shows its settings right on the page while you edit.

5. Pick a View type 4: Events Carousel, Category List, Schedule or Calendar. Each one is shown further down this page.
6. Optional: under Locations, add the clubs this page should show. Leave it empty to show every location.
7. Optional: under Add category, pick the CourtReserve event categories to include. Leave it empty to show all of them. For most views you can use the arrows on each row to set the order of the category buttons.
8. Optional: under Add tag, limit the block to events with certain CourtReserve tags. Turn Show tag badges on cards off if you don't want tags on the cards.
9. Click Show preview to see the result inside the editor. Click Edit settings to go back.
10. Click Save (or Publish for a new page).

The Category List view has one extra setting, Time range, for how far ahead to show events (from 30 days up to a year, or all future events). You can put more than one CourtFlow block on a page, for example a calendar with a carousel under it.

What each view looks like

These are what your visitors see. The Register and Join waitlist buttons take them to CourtReserve to sign up. Colors come from CourtFlow Events → Settings → Styles.

Events Carousel

Upcoming events as cards in a row that visitors can scroll through, with category buttons and location and tag filters above.

Category List

A grid of event cards with location and tag filters. Good for a page that's all about one kind of event, like clinics or leagues.

Schedule

Events grouped by day, with arrows to move between dates.

Calendar

A month grid. Visitors can switch months and pick a location from the dropdown.

Cards without a photo show the event name on a grey background. To add photos, see Assign event images.

Using a shortcode instead

If your theme or page builder doesn't use the block editor, add a Shortcode block or widget and paste one of these:

[courtflow]
[courtflow view="category-list"]
[courtflow view="schedule"]
[courtflow view="calendar"]

[courtflow] on its own shows the Events Carousel. The block has more options than the shortcode, so use the block where you can.

Next

Assign event images so your cards have photos.