---
title: "Using Elementor Widgets with The Events Calendar"
source: "https://docs.nexcess.com/software/the-events-calendar/elementor-widgets/"
description: "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 incl…"
vertical: "Software"
area: "The Events Calendar"
date: "2021-03-02"
last_modified: "2026-07-02"
---

# Using Elementor Widgets with The Events Calendar

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](https://docs.nexcess.com/software/the-events-calendar/events-calendar-widgets/). **Event Tickets Plus** customers also get dedicated Elementor widgets for displaying tickets and RSVPs — jump to [Event Tickets Plus widgets](#h-event-tickets-plus-widgets) below.

**See also**:

- [Using Elementor Templates with The Events Calendar](https://docs.nexcess.com/software/the-events-calendar/elementor-templates/)
- [Customizing Event Data in Elementor](https://docs.nexcess.com/software/the-events-calendar/customize-elementor-data/)

## **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.

![Elementor widgets with The Events Calendar](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2021-03-01-at-10.22.34-AM.png)For maximum flexibility, we recommend selecting the [Elementor Canvas Page Template](https://elementor.com/help/using-elementors-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**

![Events Countdown widget with Elementor](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-07-15-at-8.25.34-AM.jpg)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

![Elementor Event Countdown content tab](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-04-22-at-1.09.08-PM.jpg)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.

![Elementor style tab for Event Countdown widget](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-04-22-at-12.22.19-PM.jpg)## **Events List Widget**

![Elementor Events List Widget content tab](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-04-22-at-1.09.24-PM.jpg)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.

![Events List Elementor widget](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-07-15-at-8.26.33-AM.jpg)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.

![Elementor Events List style tab](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-04-22-at-12.23.01-PM.jpg)## **Event Widget**

![Event widget Elementor](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-07-15-at-8.27.44-AM.jpg)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

![Event widget content](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-06-08-at-11.43.26-AM-443x1024-1.jpg)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.

![Custom content tab](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-06-08-at-11.43.53-AM.jpg)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

![Event widget navigation](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-06-08-at-11.44.15-AM.jpg)You can change the styling of the Event widget using the Style tab:

![Event widget style tab for Elementor](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-06-08-at-11.44.49-AM.jpg)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:

![](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2021-03-01-at-10.16.02-AM-1024x544-1.png)## **Events View Widget**

![Events View Elementor widget](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-08-04-at-1.34.08-PM.jpg)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

![Events View Elementor widget](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-08-04-at-1.35.31-PM.jpg)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.

![Style tab on Events View widget](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-08-04-at-1.37.36-PM.jpg)![Events View widget](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-08-04-at-1.36.31-PM.jpg)**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](https://theeventscalendar.com/products/wordpress-event-tickets/) customers.

### Working with tickets

You’ll still want to [create your tickets](https://docs.nexcess.com/software/the-events-calendar/assigned-seating-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.

![Event Tickets widgets for Elementor](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-05-09-at-11.48.09-AM.jpg)### 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.

![Ticket and RSVP options](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-05-09-at-11.49.39-AM.jpg)You’ll also see an *Advanced* tab, which is where you’ll be able to style your ticket and RSVP forms.

![Tickets widgets styling with Elementor](https://docs.nexcess.com/wp-content/uploads/2026/06/Screen-Shot-2022-05-09-at-11.49.27-AM.jpg)## 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](https://docs.nexcess.com/software/the-events-calendar/calendar-embed-shortcodes/). 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](https://docs.nexcess.com/software/the-events-calendar/elementor-templates/)!

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](https://theeventscalendar.com/knowledgebase/k/enabling-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](https://theeventscalendar.com/products/wordpress-virtual-events/) add-on.  
  
🔍Learn more about the changes in [this detailed blog post](https://evnt.is/1bdy).