With The Events Calendar Pro, our premium users have access to four additional Elementor widgets for displaying events on pages or posts. These widgets are included as part of our Pro Widgets. Event Tickets Plus customers also get dedicated Elementor widgets for displaying tickets and RSVPs — jump to Event Tickets Plus widgets below.
Working with Events
Using Elementor’s native widgets, you can display your events on any page or post. These widgets can display your events’ content, however you’ll still want to create your events through our plugins on the Add Event page. Once you have your events created, you can easily add them with your Elementor widget options.
Elementor automatically lists all WordPress widgets in one place (including our Pro widgets), so make sure you select the ones that do not have a WordPress icon.
For maximum flexibility, we recommend selecting the Elementor Canvas Page Template on the pages and posts you want to use the widgets on. This is essentially a blank page that does not include your header, footer, and sidebar, so it allows for complete focus on the event elements. From there, you can easily add the additional elements that you want on that page.
Event Countdown Widget
The three Event Query tabs allow you to select which event you want to display a countdown timer for according to:
- Date ranges
- Types of events (all-day, multi-day, featured, geocoded, recurring)
- Event Categories
- Tags
- Keyword
- Slug
- ID
Additionally, you can use the Content tab to:
- Display seconds on the countdown
- Define a custom completion message for the countdown timer
From there, you can style the widget using the Style tab. The Advanced tab will additionally provide you with the same options as your other Elementor widgets.
Events List Widget
This straightforward widget gives you granular control over the display of the Events list.
You can choose the maximum number of events that display in the Events List widget on that first option in the Content tab.
You can also decide which information gets displayed by toggling the tabs to Yes. The information that you can toggle is:
- Cost
- Organizer
- Venue
- Street
- Country
- City
- Region
- Zip
- Phone
You can also filter the Event List using Event Categories and tags. You can find this option under the Content > Event Options tab.
As with the other widgets, you can add custom styles through the Style tab and use the built-in Advanced tab for layout and positioning.
Event Widget
This widget allows you to display a single event on a page or post. The three Event Query tabs allow you to select which event you want to display dynamically using:
- Date ranges
- Types of events (all-day, multi-day, featured, geocoded, recurring)
- Event Categories
- Tags
- Keyword
- Slug
- ID
Additionally, you can control the content of the widget by toggling your options which are:
- Title
- Date/time
- Cost
- Description
- Featured images
- Notices
- RSVP/Tickets
- Event details (date, time, cost, categories, tags)
- Organizer (name, phone, email, website)
- Venue (name, location, phone, website, map)
Note: The RSVP/Ticket toggle will not display anything in the preview window, but will work great on the actual page/post.
Under the Custom Content tab, you can opt to display your custom fields before or after HTML in each Event widget.
You also have control over which navigation elements get displayed in each Event widget, including:
- All events link
- Calendar links
- Related events
- Footer
- Event navigation
You can change the styling of the Event widget using the Style tab:
If you are hosting virtual events, you can also control which virtual content is displayed in each Event widget:
- Video embed
- Watch button
- Zoom link
- Zoom dial-in info
The result looks something like this:
Events View Widget
This is another straightforward widget that gives you granular control over the display of the Events Views. This appears similarly to our standard main calendar view, with the ability to choose the following options under Event options:
- Events Bar
- Filter Bar (will only display if Filter Bar is active)
- Default view (List, Month, Week, Day, Photo, Map, Summary, Latest-past)
- Featured Events
- Organizer
- Venue
- Author
- Category
- Category Exclusion
- Tag
- Tag Exclusion
- Keyword
The View Options tab gives you additional control over the following options:
- Start Date
- Events per page (in list-style views)
- Month View Events Per Day
And the Advanced and Style tabs will give you plenty of styling options, just like with all of your other Elementor and Events Calendar widgets.
Notes:
- If you disable the Events Bar in the Events View widget, the Filter Bar cannot be enabled on its own.
- Elementor compatibility is only available with the updated The Events Calendar views
- It’s currently not possible to create templates for the single event page with the Elementor theme builder (but we are working on it!).
Event Tickets Plus widgets
Event Tickets Plus users can display tickets and RSVPs directly on any page or post using Elementor’s native widgets. This integration is only available to our premium Event Tickets Plus customers.
Working with tickets
You’ll still want to create your tickets through our plugins on any tickets-enabled custom post type. Once your tickets are created, open the page or post with Edit with Elementor, locate either the Event Tickets or Event RSVP widget in the sidebar, and drag it onto the canvas where you’d like it to appear.
Ticket and RSVP options
Once you select a ticket or RSVP widget, you can choose which previously created ticket/RSVP you’d like to display.
You’ll also see an Advanced tab, which is where you’ll be able to style your ticket and RSVP forms.
Using the [tribe_events] shortcode
If you prefer not to use the native widgets — or you’re using The Events Calendar without Events Calendar Pro — you can embed the main calendar into an Elementor layout using the [tribe_events] shortcode. Drop the shortcode into any Elementor page to display the calendar wherever you want.
👋 As of version 6.4.0, The Events Calendar now offers support for Elementor single event template!
The shortcode works with either the Classic Editor or the Block Editor.
The following scenarios will work with this integration:
- Using the
[tribe_events]shortcode on a single page with the Elementor Editor - Using
[tribe_events]on an Elementor page template
Lastly, it is worth noting that this compatibility improvement has been designed to work only with the updated calendar views from The Events Calendar 5.0. You can toggle these views on by checking the box under Events → Settings → Display.
Legacy versions (pre-7.0)
💡Important Notice: The sections above cover Events Calendar Pro 7.0 and above. If you are using a version prior to 7.0, the widgets behave similarly but with a few differences — most notably, virtual event content controls in the Event widget are only available to customers with the Virtual Events add-on.
🔍Learn more about the changes in this detailed blog post.