The Events Calendar Shortcode Demos

The Events Calendar Shortcode & Block Pro offers many options and features to suit your needs, so you can list your events from The Events Calendar (by StellarWP, formerly Modern Tribe) wherever you need them. You do not need the pro version of The Events Calendar to use our shortcodes and designs, including our Filter Bar!

On the left are some of our most requested demos. Keep in mind that many of these features can be used in combination, and not all features of The Events Calendar Shortcode & Block Pro are shown here.

If you don't see a feature on this site or on our features page that you need, it may be available or under development. Just contact us and we'll help as best we can!

In addition you can also create a custom template to meet your exact needs.

Default

This is the default design if you don’t specify another one. Good for a list view within a post or a page.

Street Food Tour: Flavors of Asia

Event image link
December 15 @ 2:30 pm - 3:30 pm
St. Clair Kitchen Annex
796 Richmond St
Stowe, VT 50333 United States
+ Google Map

Artisan Bread & Sourdough

Event image link
December 18 @ 2:00 pm - 4:00 pm
The Spice Market Loft
522 Main St
New York, NY 14588 United States
+ Google Map

Calendar View

Display a full calendar view of events wherever you need it. There's lots of options to customize how it looks.

Loading...

Compact

A smaller design great for showing more events in a smaller space, and easily seeing the date on the side. There are a number of options to customize what is displayed and you can combine more than one option at a time.

Table

Show your events in a table view in the number of columns you want!

Canning & Preserves

December 28 @ 11:30 am - 12:30 pm
Perfect for date night or learning solo. Safety briefing and knife care included. Bring a container ...

Tapas & Paella Evening

December 31 @ 2:00 pm - 4:00 pm
Hands‑on instruction with small class sizes. Vegetarian and gluten‑free adjustments available up...

Curries Around the World

January 2, 2027
Perfect for date night or learning solo. Tasting portions served throughout the session. Take home y...

Columns

Split events into columns so they’re easy to read and visually appealing. Looks great when events have photos (featured images) but it works either way. The rows flow into each other in a Pinterest-style design.

Seafood Masterclass: Chowder & Mussels

December 25
Learn professional tips you can use in your home kitchen. Vegetarian and gluten‑free adjustments a...

Canning & Preserves

December 28 @ 11:30 am - 12:30 pm
Perfect for date night or learning solo. Safety briefing and knife care included. Bring a container ...

Tapas & Paella Evening

December 31 @ 2:00 pm - 4:00 pm
Hands‑on instruction with small class sizes. Vegetarian and gluten‑free adjustments available up...

Grouped

The grouped design lets you show many events in the same day, grouped together with the date (or month) as the header.

May 2026

Saturday 9: 11:30 am Dim Sum at Home
Tuesday 12: 11:30 am Lebanese Mezze & Grill

Filter Bar

Add a filter bar to the top of the calendar to let visitors refine what events are displayed!

Community Cooking Class: Knife Skills 101

Event image link
May 8 - May 10
Maple Leaf Community Centre
906 Queen St
Kingston, ON M85 524 Canada

Dim Sum at Home

Event image link
May 9 @ 11:30 am - 2:30 pm
Cedar Grove Foodworks
212 Richmond St
Hamilton, ON M59 744 Canada

Pagination

Add previous and next links to let visitors see more events!

Community Cooking Class: Knife Skills 101

Event image link
May 8 - May 10
Maple Leaf Community Centre
906 Queen St
Kingston, ON M85 524 Canada

Dim Sum at Home

Event image link
May 9 @ 11:30 am - 2:30 pm
Cedar Grove Foodworks
212 Richmond St
Hamilton, ON M59 744 Canada

Custom Design

Customize the existing designs or create your own by using options in the shortcode, or placing one or more templates in your theme folder, or using Shortcode Variables within a shortcode.

[ecs-list-events design="columns"]
{if_cost}Event Cost: {cost}{/if_cost}
{thumbnail}

{url}{title}{/url} {if_status}Status: {status}{/if_status}

{start_date:Y-m-d} @ {start_time:H:i}
[/ecs-list-events]