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.7 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 and Elementor widget functionality to The Events Calendar Plugin, so you can easily list and promote your events anywhere.

Satinder Singh

CoolHappy

Cool Plugins

Events Calendar Addons

<a href="https://eventscalendaraddons.com/plugin/event-single-page-builder-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_description" rel="nofollow ugc">Event Single Page Builder</a> is an addon for <a href="https://stellarwp.pxf.io/tec" rel="nofollow ugc">The Events Calendar</a> plugin that helps you create custom single event page templates. Instead of using the default event layout, you can design a custom event page template that matches your website style and overall theme.
This extension helps you create a modern event calendar layout with full control over layout, colors, template display condition, and date format. You can replace the default single event page layout of The Events Calendar with your own custom design.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/50FBrcqoB-M?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>
<h3>Live Demos</h3>
👉 View FREE Demo: <a href="https://eventscalendaraddons.com/event/blood-donation-camp-in-delhi/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_free&utm_content=below_video" rel="nofollow ugc">Single Event Page Template</a>
👉 View PRO Demos: Design single event, category, venue, and organizer page layouts.
<ul>
<li>
Design page templates in Elementor (PRO)
<ul>
<li><a href="https://eventscalendaraddons.com/event/ghost-music-band-performance/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_elementor&utm_content=below_video" rel="nofollow ugc">Single Event Page</a>: Create fully custom single event page templates using Elementor.</li>
<li><a href="https://eventscalendaraddons.com/events/category/training/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_elementor&utm_content=below_video" rel="nofollow ugc">Category Page</a>: Build stylish event category archive layouts.</li>
<li><a href="https://eventscalendaraddons.com/venue/rotary-blood-bank-delhi/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_elementor&utm_content=below_video" rel="nofollow ugc">Venue Page</a>: Customize venue pages and display all events of that venue.</li>
<li><a href="https://eventscalendaraddons.com/organizer/xyz-club/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_elementor&utm_content=below_video" rel="nofollow ugc">Organizer Page</a>: Design organizer detail pages and show related events.</li>
</ul>
</li>
<li>
Pre-built templates for Non-Elementor sites (PRO)
<ul>
<li><a href="https://eventscalendaraddons.com/event/womens-marathon-in-london/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_prebuilt&utm_content=below_video" rel="nofollow ugc">Single Event Page Template</a>: Use ready-made templates for single event pages.</li>
<li><a href="https://eventscalendaraddons.com/events/category/wedding/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_prebuilt&utm_content=below_video" rel="nofollow ugc">Category Page Template</a>: Quick setup with pre-designed event category layouts.</li>
<li><a href="https://eventscalendaraddons.com/venue/cc-venue-oakland/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_prebuilt&utm_content=below_video" rel="nofollow ugc">Venue Page Template</a>: Ready-to-use venue page design.</li>
<li><a href="https://eventscalendaraddons.com/organizer/ride-it-up/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_prebuilt&utm_content=below_video" rel="nofollow ugc">Organizer Page Template</a>: Structured organizer page layout with event listing.</li>
</ul>
</li>
</ul>
<a href="https://eventscalendaraddons.com/demos/event-single-page-builder-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">View All PRO Demos</a>
<h3>Plugin Features</h3>
<ul>
<li>Custom Single Event Page Template: Replace the default single event page layout of The Events Calendar with a clean and modern event template design.</li>
<li>Apply Template to All Events: Automatically apply the same custom event page layout to all your published events without editing them individually.</li>
<li>Date & Time Format Control: Choose how the event date and time should appear on your single event page based on your country format and preference.</li>
<li>Primary Color & Display Conditions: Select template display condition and colorsto match your website branding and theme style.</li>
<li>Custom CSS Option: Add your own CSS to further customize the event layout.</li>
<li>Fully Responsive Layout: The event single page template is fully responsive and works smoothly on mobile, tablet, and desktop devices.</li>
</ul>
<h3>PRO Features</h3>
<ul>
<li>
<a href="https://eventscalendaraddons.com/doc/elementor-event-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Single Event Page Builder for Elementor</a>: Design fully custom single event page templates using Elementor’s drag-and-drop editor with dynamic event widgets.
<ul>
<li><a href="https://eventscalendaraddons.com/doc/elementor-event-category-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Events Category Page</a>: Create custom event category archive layouts in Elementor.</li>
<li><a href="https://eventscalendaraddons.com/doc/elementor-event-venue-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Venue Page</a>: Design dedicated venue pages and display all events of that venue.</li>
<li><a href="https://eventscalendaraddons.com/doc/elementor-event-organizer-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Organizer Page</a>: Build organizer detail pages and dynamically show related events.</li>
</ul>
To design category, venue, and organizer layouts in Elementor, the <a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=pro_features" rel="nofollow ugc">Events Widgets</a> plugin must be installed along with Event Single Page Builder.
</li>
<li>
<a href="https://eventscalendaraddons.com/doc/elementor-event-speakers-sponsors-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Add Speakers & Sponsors Section</a>: Display speakers and sponsors blocks on your event page using the <a href="https://eventscalendaraddons.com/plugin/events-speakers-and-sponsors/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=pro_features" rel="nofollow ugc">Events Speakers & Sponsors</a> plugin.
</li>
<li>
Pre-built Templates for Non-Elementor Sites:
<ul>
<li><a href="https://eventscalendaraddons.com/doc/single-event-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Single Event Page Template</a>: Use ready-made templates for single event pages.</li>
<li><a href="https://eventscalendaraddons.com/doc/category-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Category Page Template</a>: Quickly set up event category archive layouts.</li>
<li><a href="https://eventscalendaraddons.com/doc/organizer-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Organizer Page Template</a>: Display organizer details along with their events.</li>
<li><a href="https://eventscalendaraddons.com/doc/venue-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Venue Page Template</a>: Display venue details and all related events.</li>
</ul>
</li>
<li>
<a href="https://eventscalendaraddons.com/doc/events-multiple-templates/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Apply Multiple Templates to Different Events</a>: Assign different templates based on event category or specific events.
</li>
</ul>
<h3>Why Use Event Single Page Builder with The Events Calendar?</h3>
If you run an event website, training portal, conference platform, festival site, or community events directory and use The Events Calendar WordPress event plugin to manage your events, you may notice that the default single event page layout has design limitations. This addon helps you create branded and professional single event page templates.
With PRO features, you can also design category, venue, and organizer page layouts to manage a complete event website. Display all events from a specific venue on its own page, show all events by a particular organizer, or organize events by category in a clean and structured format using this powerful WordPress event plugin setup.
<h3>Other Extensions For <a href="https://stellarwp.pxf.io/tec" rel="nofollow ugc">The Events Calendar</a></h3>
If you are using The Events Calendar WordPress plugin, you can extend its functionality further with these powerful addons:
<ul>
<li><a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Widgets for Elementor & The Events Calendar</a>: Display events inside Elementor using list, grid, carousel, slider, and other advanced layouts with full styling control.</li>
<li><a href="https://eventscalendaraddons.com/plugin/events-shortcodes-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Shortcodes for The Events Calendar</a>: Show events anywhere on your website using simple shortcodes in list, grid, timeline, or calendar format.</li>
<li><a href="https://eventscalendaraddons.com/plugin/events-speakers-and-sponsors/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Speakers & Sponsors</a>: Add dedicated speakers and sponsors sections to your event pages with structured layouts.</li>
<li><a href="https://eventscalendaraddons.com/plugin/the-events-calendar-modules-for-divi/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Calendar Modules for Divi</a>: Display The Events Calendar events using custom Divi modules built specifically for Divi Builder pages and layouts.</li>
</ul>
<h3>Other Plugins by <a href="https://cooltimeline.com/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=homepage&utm_content=other_plugins" rel="nofollow ugc">Cool Plugins</a></h3>
Cool Plugins has also built many WordPress plugins for different use cases:
<ul>
<li><a href="https://coolformkit.com/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_plugins" rel="nofollow ugc">Cool FormKit</a>: Advanced Elementor form fields and conditional logic addon.</li>
<li><a href="https://cooltimeline.com/plugin/cool-timeline-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_plugins" rel="nofollow ugc">Cool Timeline</a>: Create vertical and horizontal timeline layouts.</li>
<li><a href="https://coolplugins.net/product/autopoly-ai-translation-for-polylang/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_plugins" rel="nofollow ugc">AutoPoly</a>: AI translation addon for Polylang multilingual sites.</li>
<li><a href="https://locoaddon.com/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_plugins" rel="nofollow ugc">LocoAI</a>: AI-powered translation helper for Loco Translate.</li>
</ul>
Use of Third-Party Services: To improve the plugin experience, this plugin connects to the Cool Plugins API to display related plugins information inside its dashboard. It also offers optional usage tracking and an optional feedback form during deactivation. Data is sent only after explicit user consent. No hidden tracking is performed, and no frontend visitor or personal site user data is collected. For complete details, please review our <a href="https://my.coolplugins.net/terms/usage-tracking/" rel="nofollow ugc">Data Usage Policy</a>, <a href="https://my.coolplugins.net/terms/" rel="nofollow ugc">TOS</a>, and <a href="https://my.coolplugins.net/terms/privacy-policy/" rel="nofollow ugc">Privacy Policy</a>. It also uses <a href="https://github.com/CMB2/CMB2/tree/develop?tab=GPL-3.0-1-ov-file" rel="nofollow ugc">CMB2</a> for the settings panel (GPL licensed).
Disclaimer: Event Single Page Builder For The Events Calendar is developed by Cool Plugins and is not affiliated with or endorsed by The Events Calendar team (a product of StellarWP, Liquid Web). Some links in this plugin or its readme may be affiliate links, meaning we may earn a commission at no extra cost to you.

Event Single Page Builder For The Events Calendar

The Events Calendar addon to create custom single event page templates and replace the default event single page layout with your own branded design.

The Events Calendar Shortcode & Block vs Event Single Page Builder For The Events Calendar