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.

Farmer’s Market

November 23 - November 24
Bamboo Fresh
655 Front St. #108
Lahaina, 96761 United States

Late Night Party

December 2 @ 8:00 pm - December 3 @ 1:00 am
Party Haus
330 S Broadway Unit 602
Los Angeles, CA 90013 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!

Late Night Party

December 2 @ 8:00 pm - December 3 @ 1:00 am
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...

Farmer’s Market

December 23 - December 24
Tortor in consectetuer etiam nec, venenatis mus tristique nibh vitae. Fames dolore maecenas enim lor...

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.

Late Night Party

December 2 @ 8:00 pm - December 3 @ 1:00 am
Cras fermentum enim sit amet eros placerat, a mattis nisi vulputate. Nullam ac augue ac massa pharet...

Farmer’s Market

December 23 - December 24
Tortor in consectetuer etiam nec, venenatis mus tristique nibh vitae. Fames dolore maecenas enim lor...

Kitten Adoption Day

January 1, 2025
Ut donec ut facilisis molestie, orci in mi molestie, adipiscing vestibulum et ante, neque quis molli...

Grouped

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

November 23, 2024

December 2, 2024

December 23, 2024

Filter Bar

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

Farmer’s Market

November 23 - November 24
Bamboo Fresh
655 Front St. #108
Lahaina, 96761 United States

Late Night Party

December 2 @ 8:00 pm - December 3 @ 1:00 am
Party Haus
330 S Broadway Unit 602
Los Angeles, CA 90013 United States
+ Google Map

Pagination

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

Farmer’s Market

November 23 - November 24
Bamboo Fresh
655 Front St. #108
Lahaina, 96761 United States

Late Night Party

December 2 @ 8:00 pm - December 3 @ 1:00 am
Party Haus
330 S Broadway Unit 602
Los Angeles, CA 90013 United States
+ Google Map

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]