XeroWP
Eventful for Elementor – Events Showcase for The Events Calendar

Eventful for Elementor – Events Showcase for The Events Calendar

5/5 (1 ratings) 100 active installs Updated Jun 4, 2026
elementorevent calendareventsevents gridthe events calendar
Download v1.3.1 Plugin Website
Eventful Grid widget — multi-column event layout with AJAX filter bar.

Eventful Grid widget — multi-column event layout with AJAX filter bar.

Eventful for Elementor is the most powerful and flexible Elementor addon for The Events Calendar 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.

Plugin Demo | Pro Version | Support | Rate this Plugin

TWO POWERFUL ELEMENTOR WIDGETS

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.

CORE FEATURES

Event Filtering & Query Control

  • Event Type — show Upcoming, Past, or All events
  • Include or Exclude specific events by ID
  • Exclude Event Types — hide current (ongoing) events or password-protected events
  • Hide Free Events — optionally suppress events with no ticket price
  • Hide Events Without Images — keep your grid clean by hiding imageless events
  • Limit & Offset — control how many events are fetched and where to start

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:

  • 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.
  • Author Filter — let visitors filter events by organizer/author with the same four UI styles
  • Keyword / Search Filter — add a live search box that instantly filters events as the user types
  • 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

Advanced Query Options

  • Filter by taxonomy with IN / AND / NOT IN operators and AND / OR relation between multiple taxonomies
  • Filter by author (include or exclude specific authors)
  • Filter by post status (published, draft, private, etc.)

Image Display

  • Show or hide the featured image
  • Choose any registered image size
  • Retina display — load 2x resolution images on high-DPI screens
  • 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)
  • Zoom effect — Zoom In or Zoom Out on hover
  • Grayscale mode — Normal, Grayscale-to-color on hover, Color-to-grayscale on hover, or Always grayscale
  • Lazy loading — built-in image lazy load for improved page speed

Event Meta Fields

Choose which event details appear on each card and configure each independently:

  • Taxonomy — event category, tag, or any custom taxonomy with a custom icon
  • Venue — address, city, state, country, postal code, phone number; optional Google Maps link
  • Organizer — event organizer name with a custom icon
  • Price — ticket price with a custom icon
  • Event Time — start date, end date, or a “Start to End” range in any of 12 preset formats or your own PHP date format

Title & Content

  • Show or hide the title; set HTML tag (H1–H6, div, span, p); character limit and alignment
  • 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

Read More Button

  • Display as a styled Button or a plain Text Link
  • Fully customizable label text
  • Complete style control via the Style tab

Pagination

Four modes, three powered by AJAX:

  1. Load More Button — loads more events on click; customizable button label and end-of-results message
  2. Ajax Number Pagination — numbered page links that update content without a page reload
  3. Infinite Scroll — events load automatically as the visitor scrolls down
  4. Standard Pagination — classic WordPress next/previous pagination

Carousel-Specific Controls

  • Modes: Standard, Center (scaled active slide), Ticker (continuous auto-scroll)
  • Transition effects: Slide, Fade, Coverflow, Cube, Flip
  • Autoplay with configurable speed and pause-on-hover
  • Infinite loop
  • Direction: Left-to-Right or Right-to-Left (RTL)
  • Per-breakpoint columns — separate column counts for large desktop, desktop, tablet, mobile landscape, and mobile
  • Per-breakpoint rows — multi-row carousel layouts
  • Slides to scroll per breakpoint
  • Navigation arrows — show, hide, or hide on mobile
  • Pagination dots or numbers — static or dynamic (shrinking) bullets
  • Adaptive height — carousel resizes to match the active slide height
  • Touch swipe, mouse drag, and mouse wheel support
  • Tab and keyboard navigation for accessibility

Full Style Control Inside Elementor

Every element has its own Style section:

  • Event card box — background, border, border-radius, shadow, padding
  • Featured image — border, border-radius, height, overlay colors
  • Title — typography, color, hover color, spacing
  • Event meta icons and text — typography, colors, spacing
  • Category / taxonomy labels — background, text color, border-radius, padding
  • Filter bar — button colors, active state, hover state, border, spacing
  • Content / excerpt — typography, color, line height
  • Read More button — background, text, border, hover state, padding, border-radius
  • Pagination controls — colors, typography, active state
  • Carousel arrows and pagination bullets

Admin Panel

  • Enable or disable each widget individually from the plugin admin panel
  • Getting Started tab with video instructions
  • Recommended Plugins tab
  • Lite vs Pro feature comparison tab

RTL Support

Fully compatible with right-to-left languages. A dedicated RTL stylesheet loads automatically.

Link Options

  • Link events to their single event page or disable links entirely
  • Choose link target: Same Tab, New Tab, Parent, or Top
  • Option to add rel="nofollow" to all event links

WHO IS THIS PLUGIN FOR?

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.

REQUIREMENTS

  • WordPress 5.2 or higher
  • Elementor (free) 3.5.0 or higher
  • The Events Calendar (free version works)
  • PHP 7.2 or higher

UPGRADE TO PRO

Eventful for Elementor Pro unlocks additional widgets, layouts, and advanced styling options.

OTHER PLUGINS FROM THEMEATELIER