Events

Updated

Usage

The Events block shows an upcoming-events list or card grid anywhere on your site. Pick List, Cards, Mini, or Agenda, choose upcoming, past, ongoing, future, or all events, and optionally narrow it to certain Event Categories.

Use it for tour dates, class schedules, fundraisers, or conference agendas.

Real-world example

hangtenband.com/shows uses two Events blocks on one page:

  1. Upcoming Shows — Display set to Default (Ongoing & Future). When nothing is scheduled, the block says "There are no upcoming events at this time."
  2. Past Shows — Display set to Past, Display As set to Cards, Columns set to 4, Image hidden, Title Style at h4, Show Address on with City and State, and each event's Excerpt used for door times and lineups.

Each card links to a single event page with the full show detail.

Content

  • Display — Default (Ongoing & Future) (default), Ongoing, Past, Future, or All. Past events sort newest-first; upcoming sorts soonest-first.
  • Preferred Image — Featured Image (default) or the thumbnail from the event's Video URL
  • Category — show only certain Event Categories; leave empty for all
  • Limit Events — when on, show up to Events To Show (1–50, default 3). Leave off for a full tour history.

Appearance

  • Display As — List (image + copy side by side), Cards (default, responsive grid), Mini (compact grid), or Agenda (a dated list with month separators, see below)
  • Columns — 1–5 per row for Cards and Mini (default 3)
  • Title Style — text style for event titles
  • Image — Default, Show, or Hide
  • Image Aspect Ratio — golden rectangle, 1:1, 16:9, and more
  • Excerpt — Default, Normal, Small, or Hide
  • Link / Link Text — link style and label (default See Event). Set Link to Hide when the whole card is clickable.
  • Spacing — vertical gap between items (XS through XL)
  • Show Address — when enabled, choose Show Street, Show City (default on), Show State (default on), Show Zip. Agenda has its own Address choice instead (see below).

Agenda

Agenda is the layout of a show calendar or a what's-on page: each event has a date badge (weekday and day) on the left, then the time ("October 23 @ 8:00 pm - 9:00 pm", with no times for an all-day event and both days for one that spans days), the title, the venue in bold with its address, the excerpt, a ticket line, and the image on the right. Events are grouped under month headings. It respects the same Title Style, Image, Image Aspect Ratio (images show whole by default here), Excerpt, Link, and Spacing choices as the other layouts. In place of Show Address it has an Address choice: Full (the default) prints the street, city, state and zip after the venue name, Choose Parts uses the Show Street / City / State / Zip toggles, and Hide leaves the address out.

The Agenda panel adds:

  • Show Venue (under Appearance) — the linked location's name, or the event's Venue field
  • Month Separators — the month headings
  • Image Position — Right (default) or Left
  • Excerpt Length — words to show (default 30; 0 shows the whole excerpt)
  • Show Tickets / Ticket Link Text — the ticket line: the event's Ticket URL as a link, its Cost (or Free), and, for tickets sold on the site, the ticket price and a live "N tickets left" count when the event shows its stock
  • Search Box, Category Filter, Date Filter — a bar above the list. Visitors search by keyword, pick a category (only the categories chosen under Content, when any are), or jump to a From date; Today brings them back. Each result is a plain page address, so a filtered list can be bookmarked or shared and loads fast.
  • Previous / Next Pages — pages of Events To Show each (needs Limit Events)
  • Calendar Page Link — the address of a page with the Events Calendar block adds a List | Calendar switch. Give that calendar block a List Page Link back to this page so the switch works both ways.

Every event stays on the page until it ends, and ticket counts refresh when the page opens, so the list is right even on a site that caches pages.

Front-end behavior

Each event's Starts and Ends dates decide which Display mode it falls under.

When nothing matches, upcoming blocks say "There are no upcoming events at this time" and past blocks say "There have been no past events."

Block width

Events supports Wide (default), Full, Center, and None alignment.

Tips

  • For a tour page, stack an upcoming block above a past-shows card grid.
  • Hide Image on dense grids and let the title, date, and city do the work.
  • For a what's-on page with search and filters, use Agenda with Limit Events and Previous / Next Pages; add a Calendar Page Link to let visitors switch to the month grid.
  • For a month grid, use Events Calendar. To promote one date, use Event Countdown.

Settings

Content

Display setting in the block editor sidebar
Display

Default shows ongoing and upcoming events. For separate upcoming and past sections, use two Events blocks.

  • Default (Ongoing & Future)default
  • Ongoing
  • Past
  • Future
  • All
Preferred Image setting in the block editor sidebar
Preferred Image

Choose whether each card uses the featured image or the video thumbnail first. If an event is missing one, the block uses the other.

  • Featured Imagedefault
  • Video
Limit Events setting in the block editor sidebar
Limit Events

Leave off to show every matching event.

Events To Show setting in the block editor sidebar
Events To Show

Appears when Limit Events is on.

Appearance

Display As setting in the block editor sidebar
Display As

List puts the image beside the text. Cards is a grid. Mini is a compact grid for tight spaces. Agenda is a dated list: month separators, a date badge, the time, venue and address, excerpt, image and ticket line, with optional search, category and date filters and Previous / Next pages.

  • List
  • Cardsdefault
  • Mini
  • Agenda
Columns setting in the block editor sidebar
Columns

Cards or Mini items per row.

  • 1
  • 2
  • 3default
  • 4
  • 5
Title Style setting in the block editor sidebar
Title Style

Mini lists often use Small or Hidden so the dates stand out.

  • Defaultdefault
  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • p
  • strong
  • small
  • hidden
Date Style setting in the block editor sidebar
Date Style

Mini uses Small by default. Pick a heading size when the date matters most.

  • Defaultdefault
  • h1
  • h2
  • h3
  • h4
  • h5
  • h6
  • p
  • strong
  • small
  • hidden
Image setting in the block editor sidebar
Image
  • Defaultdefault
  • Show
  • Hide
Image Aspect Ratio setting in the block editor sidebar
Image Aspect Ratio

Crops event photos to one shape so cards line up. None keeps each photo's original shape.

  • Defaultdefault
  • None
  • 1:1
  • 1:2
  • 2:1
  • 4:3
  • 9:16
  • 16:9
Excerpt setting in the block editor sidebar
Excerpt

The excerpt is a good place for door times, lineups, or ticket notes.

  • Defaultdefault
  • Normal
  • Small
  • Hide
Link setting in the block editor sidebar
Link

Hide the link when the whole card is already clickable.

  • Defaultdefault
  • Button
  • Understated
  • Hide
Link Text setting in the block editor sidebar
Link Text

Default "See Event."

Link Entire Card setting in the block editor sidebar
Link Entire Card

Makes the whole card clickable. The link text still shows unless Link is hidden.

Spacing setting in the block editor sidebar
Spacing

Space between events.

  • Defaultdefault
  • None
  • XS
  • SM
  • MD
  • LG
  • XL
Address

Agenda only, after the venue name. Full (the default) prints the street, city, state and zip; Choose Parts uses the Show Street / City / State / Zip toggles; Hide leaves the address out.

  • Fulldefault
  • Choose Parts
  • Hide
Show Address setting in the block editor sidebar
Show Address

Shows the venue location under each date. City and state are often enough for tour dates. Agenda has its own Address choice instead.

Show Street setting in the block editor sidebar
Show Street

Appears when Show Address is on.

Show City setting in the block editor sidebar
Show City

Appears when Show Address is on.

Show State setting in the block editor sidebar
Show State

Appears when Show Address is on.

Show Zip setting in the block editor sidebar
Show Zip

Appears when Show Address is on.

Show Venue

Agenda only. The venue name in bold before the address: the linked location’s name, or the event’s Venue field.

Agenda

Month Separators

Agenda only. A month heading (October 2026) above the first event of each month.

Image Position

Agenda only. Which side of the text the image sits on at desktop widths; on phones it sits above the text.

  • Rightdefault
  • Left
Excerpt Length

Agenda only. How many words of the excerpt to show; 0 shows the whole excerpt.

Show Tickets

Agenda only. A ticket line under the excerpt: the Ticket URL as a link, the Cost field or Free, and for tickets sold on the site the price and how many are left.

Ticket Link Text

Agenda only. The ticket link’s wording. An event’s own Buy button text, set in its Ticketing panel, wins.

Search Box

Agenda only. A keyword search box above the list. Searches event titles, excerpts and content.

Category Filter

Agenda only. A category dropdown above the list, limited to the categories picked under Content when any are.

Date Filter

Agenda only. A From date box to jump ahead in the list, with a Today link back.

Previous / Next Pages

Agenda only. Previous / Next links, Events To Show per page. Needs Limit Events on.

Calendar Page Link

Agenda only. The address of a page with the Events Calendar block adds a List | Calendar switch above the list.

Live Preview

Good Vibes

September 2, 2022 - September 19, 2030

Get ready to soak in the sunshine of positivity, dance to the rhythms of joy, and spread good vibes all around at our Madison "Good Vibes" Celebration! This event is a joyful gathering of like-minded individuals, where you can bask in the warmth of positive energy, connect with others, and celebrate the beauty of life.

Writing Workshop

November 13, 2027

Are you passionate about storytelling, eager to refine your writing skills, or simply curious about the creative writing process? Join us for a captivating journey of words and inspiration at our Writing Workshop in the heart of Wisconsin.

Violin Workshop

September 13, 2028

Discover the enchanting world of music and master the art of violin playing at our immersive Violin Workshop in the vibrant city of Madison. Whether you're an aspiring violinist or a seasoned musician, this event promises a harmonious journey filled with learning, creativity, and the joy of making music.

Built by Dirigible Studio. Get in touch