Add event displays to Elementor pages

Events Widgets Pro displays events created with The Events Calendar inside Elementor. Use it for a homepage schedule, conference page, meetup listing, or community events portal. Your WordPress site needs Elementor and The Events Calendar installed and activated.

Place the Events widget on a page and select which event details to display, such as dates, times, venues, organizers, and ticket booking information. The widget panel includes controls for date formatting, event meta information, colors, typography, spacing, borders, and layout settings.

Choose a view for the schedule

List layouts give visitors a direct way to scan events, while Calendar layouts let them view by date. Pro also includes advanced List, Grid, and Carousel layouts. Grids arrange events in cards; carousels present them in a sliding display. List, Grid, and Carousel styles include modern, minimal, and classic settings.

Design event templates you can reuse

With the Events Loop Builder and Events Loop Item capability, make an event layout once and reuse it across List, Grid, or Carousel displays. Use the template for custom event cards and archive views, or to keep event sections consistent across a site. Pro also works with custom fields created with Advanced Custom Fields (ACF), which can display information such as speakers, sponsors, ticket prices, location details, and event schedules in event cards.

Set the event query

Choose future events, past events, or both, and sort results in ascending or descending order by event start date. Select all event categories or specific categories. Date range settings can limit a section to a period such as a week or month, and venue details can be shown or hidden to suit the layout.

Events Query Filters let you target events by time, venue, organizer, tag, or category. Time options include today, tomorrow, this week, next week, this month, next month, and a custom date range. You can also display featured or non-featured events.

Give visitors ways to browse

Add the AJAX-based Events Search & Filter Bar above an event section. Visitors can search or filter by date, category, venue, organizer, or tag, and results update without reloading the page. For longer event collections, add AJAX Load More buttons or pagination to List, Grid, or Carousel displays.

Install and publish

1. Install and activate Elementor and The Events Calendar.
2. Install and activate Events Widgets Pro.
3. Open a page in Elementor, find the Events widget, and place it in the page layout.
4. Choose a layout, set event categories, dates, ordering, and event types, then styling any reusable event template.
5. Adjust the event details and styling, add search or filtering if needed, then update or publish the page.

Event schema markup can be enabled to help search engines understand event details.