Brian Hogg

Get your events displayed in a customizable list wherever you need them, with The Events Calendar Shortcode & Block! This plugin fully integrates with The Events Calendar Plugin (free version) by StellarWP, formerly Modern Tribe.
This plugin adds a shortcode, a WordPress block (Gutenberg editor), and now an Elementor widget and a Bricks element for use with The Events Calendar WordPress Plugin.
Display a list of your events by either adding a block in the new editor, or adding a shortcode to any post, page, or widget.
Here’s a quick video showing you what you can do:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_hpfuoa6MZM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<blockquote>
If you need extra design and functionality, <a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">Get The Events Calendar Shortcode & Block Pro</a>! The Pro version offers seven designs, additional filtering options, and full control over how your events display.
You get the same full integration with The Events Calendar, plus premium support, show multiple shortcodes on one page, a filter bar so users can find what events they want to see, and it works with any WordPress theme.
<a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">Check out the Pro version today</a>
</blockquote>
Trusted by 20,000+ WordPress sites and a 4.6 star rating on WordPress.org, The Events Calendar Shortcode & Block is the solution you’ve been after 🙂
<h3>How to use The Events Calendar Shortcode & Block</h3>
You can use the shortcode or block to add a list of your events, filtered by various options. Here’s an example of how you’d show the next 8 events in the category festival:
<pre><code>[ecs-list-events cat="festival" limit="8"]
</code></pre>
With the WordPress block editor, just add a block and search for The Events Calendar Shortcode.
When editing a post or page with Elementor, you can add The Events Calendar Shortcode widget (under “General”) and customize the display options.
You can also filter the events in the shortcode and choose from the following options:
<ul>
<li>Category: show events from specific categories.</li>
<li>Number of events: choose the number of events to show.</li>
<li>Event order: Order in which your events are shown (latest first or last).</li>
<li>Event dates: Show or hide the date.</li>
<li>Event venue: Show or hide the venue.</li>
<li>Event excerpt: Show or hide the event excerpt, and set an excerpt length.</li>
<li>Event content details: Change the order the event details are displayed.</li>
<li>Thumbnail: Show or hide a thumbnail image.</li>
<li>View all events link: Choose whether to include a “view all events” link or not.</li>
<li>Events from a specific month: show only events from specific months (including current or next month).</li>
<li>Previous events: Show previous events.</li>
<li>Hide started events: Hide events when their start time passes.</li>
</ul>
This gives you full control over how your events are displayed, and is perfect for non-profits, charities, businesses, conferences, and anyone with a WordPress website showing events.
You’ll find a full list of how to use these options in the shortcode below in the plugin’s FAQs or <a href="https://eventcalendarnewsletter.com/events-calendar-shortcode-pro-options/?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">on our documentation page</a>.
<blockquote>
<h3>With Pro, choose your design and get even more control</h3>
<a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">The Events Calendar Shortcode & Block Pro</a> adds extra designs, including a true calendar view, compact and column-based designs, and advanced features like events grouped by day.
Plus, get advanced control over how your events display:
<ul>
<li>Events in the next week: Show events happening in the next X days, for example tomorrow, next week, or next month.</li>
<li>Only specific days: Show only events on specific days.</li>
<li>Display events by location: Choose to show events by city, state, or country!</li>
<li>Only featured events: Show only events you mark as featured.</li>
<li>Full event description: Show the full event description, instead of just a short excerpt.</li>
<li>Only show start time: Just show the start time of your event.</li>
<li>Hide recurring events: Only show the first instance of a recurring event.</li>
<li>Filter bar: Allow visitors to choose what events they want to see.</li>
<li>Pagination: Let visitors view additional pages of events.</li>
<li>Custom design: Create your own using Shortcode Variables or templates, or use one of the seven built-in options.</li>
<li>Plus much more: <a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">check out The Events Calendar Shortcode & Block Pro details here</a>.</li>
</ul>
<a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">The Events Calendar Shortcode & Block Pro</a> is ideal for non-profits, charities, businesses, conferences, developers, and WordPress agencies who need the extra control and support straight from the plugin developer. <a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">Check it out here</a>.
</blockquote>
<h3>Who’s using The Events Calendar Shortcode?</h3>
William Penn University is a private liberal arts university located in Oskaloosa, Iowa. The university offers more than 20 majors through seven academic divisions, with a focus on leadership, technology, and inspired potential. As an institution that hosts various events throughout the year, William Penn University needed an efficient way to display and manage its event calendar on its website. The university chose to implement The Events Calendar Shortcode plugin to streamline event management and improve the overall user experience.
The university decided to use The Events Calendar Shortcode plugin, which integrates seamlessly with The Events Calendar WordPress Plugin. The plugin allows the university to display a list of events using a shortcode or a WordPress block. This makes it easy for technical and non-technical users to add events to the website without any coding knowledge.
365Austin is a popular website that curates and shares the best events, activities, and experiences in Austin, Texas. With a comprehensive event calendar, the platform aims to make it easier for locals and tourists alike to discover and participate in exciting events happening in the city. To improve event management and user experience, 365Austin chose to implement The Events Calendar Shortcode plugin on its website.
CREST (Center for Research in Economics and Statistics) is a renowned research center that brings together researchers from various fields, including economics, finance, sociology, and statistics. To facilitate collaboration and knowledge sharing among its members and the wider academic community, CREST hosts various seminars, workshops, and conferences. A comprehensive event calendar on the CREST website plays a crucial role in keeping researchers informed and engaged.
Each event listing includes essential information such as the title, date, time, speaker, and a brief description of the topic. The calendar is designed to be user-friendly and easily accessible, allowing researchers to stay informed about upcoming events relevant to their fields of interest.
<h3>Documentation</h3>
The full list of options you can use can be found <a href="https://eventcalendarnewsletter.com/events-calendar-shortcode-pro-options/?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">on our documentation page</a>.
We also have a full course on setting up The Events Calendar, our The Events Calendar Shortcode & Block plugin, and more: <a href="https://eventcalendarnewsletter.com/the-events-calendar-course/?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">Getting Started Promoting Events with The Events Calendar plugin for WordPress</a>
If you have any other questions about the plugin, you can post a thread <a href="https://wordpress.org/support/plugin/the-events-calendar-shortcode/" rel="ugc">in the WordPress.org forum</a>. If you’re looking for premium, personalized support, consider upgrading to <a href="https://eventcalendarnewsletter.com/the-events-calendar-shortcode?utm_source=wordpress.org&utm_medium=link&utm_campaign=tecs-readme&utm_content=description" rel="nofollow ugc">The Events Calendar Shortcode & Block Pro</a>.
Still have a question? You can send us an email at info@eventcalendarnewsletter.com.
This plugin is not developed by or affiliated with The Events Calendar WordPress plugin, StellarWP or Modern Tribe in any way.

The Events Calendar Shortcode & Block

Wonderful plugin and the author provides excellent support.

Great Plugin Works as Advertised

nice


Provides functionality otherwise missing from TEC core. I use this on many client sites and appreciate it. Thanks!


Works great and reliably

Add shortcode, block, Elementor and Bricks functionality to The Events Calendar Plugin, so you can easily list and promote your events anywhere.

Andy Fragen

Barry

The Events Calendar

Add background colors to event categories displayed in the event views of The Events Calendar. This is inspired by the post Coloring Your Category Events.
Settings for The Events Calendar: Category Colors plugin are located in their own tab on The Events Calendar Settings page.
To force a refresh of your CSS, add <code>?refresh_css</code> to the end of your events URL, or re-save the Settings.
<h3>Attribution</h3>
Thanks to jonahcoyote for some early help and direction.
Big thanks to Barry Hughes (WebsiteBakery) for refactoring code and Legend Superpowers.

The Events Calendar: Category Colors

A great plugin and Andy always answers pretty fast

Perfect plugin and Support

Add event category background colors to The Events Calendar events.

The Events Calendar Shortcode & Block vs The Events Calendar: Category Colors