Elementor addon for The Events Calendar. Display events in Grid & Carousel layouts with AJAX live filters, live search, and full design control.

ThemeAtelier

Foysal Imran

Abdul Aziz

Sakhawat Hossain

Events Slider, Events Carousel, Events Grid, Events Timeline and Events Filter Bar for The Events Calendar – Eventful

Events slider, carousel, grid, list & timeline with filter bar. Eventful is a The Events Calendar addon with Gutenberg block & shortcode support.

Eventful for Elementor is the most powerful and flexible Elementor addon for <a href="https://wordpress.org/plugins/the-events-calendar/" rel="ugc">The Events Calendar</a> plugin. It gives you two dedicated Elementor widgets — Eventful Grid and Eventful Carousel — so you can showcase upcoming and past events in stunning, fully customizable layouts without writing a single line of code.
Design your event sections visually inside the Elementor editor, see changes in real time, and deliver a pixel-perfect event display on every device.
<a href="https://wp-plugins.themeatelier.net/eventful" rel="nofollow ugc">Plugin Demo</a> | <a href="https://themeatelier.net/downloads/eventful-for-elementor/" rel="nofollow ugc">Pro Version</a> | <a href="https://wordpress.org/support/plugin/eventful-for-elementor/" rel="ugc">Support</a> | <a href="https://wordpress.org/support/plugin/eventful-for-elementor/reviews/#new-post" rel="ugc">Rate this Plugin</a>
<h3>TWO POWERFUL ELEMENTOR WIDGETS</h3>
1. Eventful Events Grid 
Display your events in a responsive multi-column grid. Choose up to 4 columns with independent column and row gaps. Switch between a standard card layout or a full overlay style where content appears directly on top of the event image.
2. Eventful Events Carousel 
Turn your events into an interactive carousel powered by Swiper.js. Pick from Standard, Center-mode, or Ticker (auto-scrolling marquee) modes with five transition effects: Slide, Fade, Coverflow, Cube, and Flip.
<h3>CORE FEATURES</h3>
Event Filtering & Query Control
<ul>
<li>Event Type — show Upcoming, Past, or All events</li>
<li>Include or Exclude specific events by ID</li>
<li>Exclude Event Types — hide current (ongoing) events or password-protected events</li>
<li>Hide Free Events — optionally suppress events with no ticket price</li>
<li>Hide Events Without Images — keep your grid clean by hiding imageless events</li>
<li>Limit & Offset — control how many events are fetched and where to start</li>
</ul>
AJAX Live Filters (Filter Bar)
Add a fully styled filter bar above your event grid or carousel so visitors can narrow results without a page reload:
<ul>
<li>Taxonomy Filter — filter by any event taxonomy (category, tag, or custom). Choose from Dropdown, Radio buttons, Checkbox group, or Button tabs. Show or hide empty terms. Display event counts. Rename the “All” label. Set alignment.</li>
<li>Author Filter — let visitors filter events by organizer/author with the same four UI styles</li>
<li>Keyword / Search Filter — add a live search box that instantly filters events as the user types</li>
<li>Date Filter — pre-filter by Yesterday, Today, This Week, This Month, This Year, a specific date, a custom date range, a specific month, or a specific year</li>
</ul>
Advanced Query Options
<ul>
<li>Filter by taxonomy with IN / AND / NOT IN operators and AND / OR relation between multiple taxonomies</li>
<li>Filter by author (include or exclude specific authors)</li>
<li>Filter by post status (published, draft, private, etc.)</li>
</ul>
Image Display
<ul>
<li>Show or hide the featured image</li>
<li>Choose any registered image size</li>
<li>Retina display — load 2x resolution images on high-DPI screens</li>
<li>Thumbnail overlay — show a category badge or date label over the image at any of 6 positions (top-left, top-center, top-right, bottom-left, bottom-center, bottom-right)</li>
<li>Zoom effect — Zoom In or Zoom Out on hover</li>
<li>Grayscale mode — Normal, Grayscale-to-color on hover, Color-to-grayscale on hover, or Always grayscale</li>
<li>Lazy loading — built-in image lazy load for improved page speed</li>
</ul>
Event Meta Fields
Choose which event details appear on each card and configure each independently:
<ul>
<li>Taxonomy — event category, tag, or any custom taxonomy with a custom icon</li>
<li>Venue — address, city, state, country, postal code, phone number; optional Google Maps link</li>
<li>Organizer — event organizer name with a custom icon</li>
<li>Price — ticket price with a custom icon</li>
<li>Event Time — start date, end date, or a “Start to End” range in any of 12 preset formats or your own PHP date format</li>
</ul>
Title & Content
<ul>
<li>Show or hide the title; set HTML tag (H1–H6, div, span, p); character limit and alignment</li>
<li>Show or hide excerpt or description; choose Excerpt, Content with Limit (by words or characters), or Full Content; control HTML tag stripping; custom ellipsis text</li>
</ul>
Read More Button
<ul>
<li>Display as a styled Button or a plain Text Link</li>
<li>Fully customizable label text</li>
<li>Complete style control via the Style tab</li>
</ul>
Pagination
Four modes, three powered by AJAX:
<ol>
<li>Load More Button — loads more events on click; customizable button label and end-of-results message</li>
<li>Ajax Number Pagination — numbered page links that update content without a page reload</li>
<li>Infinite Scroll — events load automatically as the visitor scrolls down</li>
<li>Standard Pagination — classic WordPress next/previous pagination</li>
</ol>
Carousel-Specific Controls
<ul>
<li>Modes: Standard, Center (scaled active slide), Ticker (continuous auto-scroll)</li>
<li>Transition effects: Slide, Fade, Coverflow, Cube, Flip</li>
<li>Autoplay with configurable speed and pause-on-hover</li>
<li>Infinite loop</li>
<li>Direction: Left-to-Right or Right-to-Left (RTL)</li>
<li>Per-breakpoint columns — separate column counts for large desktop, desktop, tablet, mobile landscape, and mobile</li>
<li>Per-breakpoint rows — multi-row carousel layouts</li>
<li>Slides to scroll per breakpoint</li>
<li>Navigation arrows — show, hide, or hide on mobile</li>
<li>Pagination dots or numbers — static or dynamic (shrinking) bullets</li>
<li>Adaptive height — carousel resizes to match the active slide height</li>
<li>Touch swipe, mouse drag, and mouse wheel support</li>
<li>Tab and keyboard navigation for accessibility</li>
</ul>
Full Style Control Inside Elementor
Every element has its own Style section:
<ul>
<li>Event card box — background, border, border-radius, shadow, padding</li>
<li>Featured image — border, border-radius, height, overlay colors</li>
<li>Title — typography, color, hover color, spacing</li>
<li>Event meta icons and text — typography, colors, spacing</li>
<li>Category / taxonomy labels — background, text color, border-radius, padding</li>
<li>Filter bar — button colors, active state, hover state, border, spacing</li>
<li>Content / excerpt — typography, color, line height</li>
<li>Read More button — background, text, border, hover state, padding, border-radius</li>
<li>Pagination controls — colors, typography, active state</li>
<li>Carousel arrows and pagination bullets</li>
</ul>
Admin Panel
<ul>
<li>Enable or disable each widget individually from the plugin admin panel</li>
<li>Getting Started tab with video instructions</li>
<li>Recommended Plugins tab</li>
<li>Lite vs Pro feature comparison tab</li>
</ul>
RTL Support
Fully compatible with right-to-left languages. A dedicated RTL stylesheet loads automatically.
Link Options
<ul>
<li>Link events to their single event page or disable links entirely</li>
<li>Choose link target: Same Tab, New Tab, Parent, or Top</li>
<li>Option to add <code>rel="nofollow"</code> to all event links</li>
</ul>
<h3>WHO IS THIS PLUGIN FOR?</h3>
Elementor Designers — Build beautiful event sections inside the drag-and-drop editor with zero code.
Event Managers — Display upcoming conferences, concerts, community events, or classes and let visitors filter by category, date, or keyword.
Web Developers — Drop in a production-ready events widget in minutes. Extend or style via child theme CSS or custom Elementor CSS.
Educational Institutions — Organize school events, workshops, and open days in a clean, professional layout.
Non-profits & Community Organizations — Promote fundraisers, volunteer opportunities, and local gatherings with clarity.
<h3>REQUIREMENTS</h3>
<ul>
<li>WordPress 5.2 or higher</li>
<li>Elementor (free) 3.5.0 or higher</li>
<li><a href="https://wordpress.org/plugins/the-events-calendar/" rel="ugc">The Events Calendar</a> (free version works)</li>
<li>PHP 7.2 or higher</li>
</ul>
<h3>UPGRADE TO PRO</h3>
<a href="https://themeatelier.net/downloads/eventful-for-elementor/" rel="nofollow ugc">Eventful for Elementor Pro</a> unlocks additional widgets, layouts, and advanced styling options.
<h3>OTHER PLUGINS FROM THEMEATELIER</h3>
<ul>
<li><a href="https://wordpress.org/plugins/eventful/" rel="ugc">Eventful – Shortcode Version</a> — Showcase The Events Calendar events with simple shortcodes.</li>
<li><a href="https://wordpress.org/plugins/chat-help/" rel="ugc">ChatHelp – WhatsApp Chat Support</a> — Add a WhatsApp chat bubble with Gutenberg, Elementor, and shortcode support.</li>
<li><a href="https://wordpress.org/plugins/darkify/" rel="ugc">Darkify Dark Mode</a> — Lightweight, customizable dark mode for WordPress frontend and admin.</li>
<li><a href="https://wordpress.org/plugins/domain-for-sale/" rel="ugc">Domain For Sale</a> — Professional domain-for-sale landing page with a built-in contact form.</li>
<li>
<a href="https://wordpress.org/plugins/greet-bubble/" rel="ugc">Greet – Video Bubble Welcome Plugin</a> — Engage visitors with a dynamic video bubble on page load.
</li>
<li>
<a href="https://wordpress.org/plugins/better-chat-support/" rel="ugc">Better Chat Support For Messenger</a> — Add a customizable Messenger chat bubble to your site for instant conversations, smart pre-filled messages, and availability control.
</li>
</ul>

Alternatives to Eventful for Elementor – Events Showcase for The Events Calendar

Top alternatives