Halloween 40% off every Pro plan. Lifetime from $51, pay once.40% off Pro Vanishes in Claim40% off
Classic Elementor widget · Pro

Live Events for Elementor: A timeline of your live sessions, webinars and live streams

Add each live session, webinar or event live stream as a Live Events post, and this Elementor live events widget lists them on a vertical timeline. Every entry shows how long ago it was posted, a photo, a title and the venue, newest first. Pick a Normal, Aside or Overlay layout and let visitors load more events with one click.

  • Part of Animation Addons Pro
  • Normal, Aside and Overlay
  • Time-ago labels
  • Load More on click

Classic widget · Elementor 3 and 4 · ProUpdated

Live demos

Live event timelines, live

Four event lists on small sites: live sessions with the photo left, webinars with a Read More button, room tours with the photo right, and premieres with a Load More button. Hover a button, or load the next events.

HaldenLiveTalksTickets
Halden Live

Latest live sessions

Live sessions

Elementor events list with the image on the left

The live page of a software company. A thin line runs down the left with a ringed dot for each session and how long ago it was posted. The photo sits beside the title and the venue. On a phone the photo moves above the text.

Narrow the window

In the panel, set Layout to Aside and turn Show Thumb on. Turn Show Highlight on to colour the first words of each title.

Webinars and meetups

Elementor events widget with a Read More button

The sessions page of a design agency. Each event stacks its time label, photo, title, venue and a white Read More button inside a dark rounded box. The button turns dark on hover.

Hover Read More

In the panel, set Layout to Normal, turn Read More on and keep Read More Text as Read More.

Maison FormeProjectsLiveVisit
Maison Forme Live

Room tours, streamed

5 hours ago
3 days ago
1 week ago
Live room tours

Elementor events timeline with the image on the right

The live page of an interior studio. The same timeline with the photo on the right, so the titles line up next to the line.

Compare with the first design

In the panel, set Layout to Aside and Show Meta on. Move the image to the right in the Style tab.

NorthlightFilmsLiveAbout
Northlight Live

Premieres and live talks

Premieres and Q&As

Elementor events with a Load More button

The live page of a cinema. The title, venue and link sit on the photo. Two events show first. Load More adds the next two, which rise and fade in. Reset puts the list back.

Click Load More

In the panel, set Layout to Overlay, Posts Per Page to 2 and Pagination to Load On Click.

Features

Key features of Live Events

Every item below is a setting in the widget panel or the docs. No code needed.

Elementor events timeline

A line runs down the side with a dot for each event and a label with the time since it was posted, such as 2 hours ago. Newest first with Order By Date.

Its own post type

Add live sessions and webinars under Live Events in WordPress, then set Source to Live Events for an Elementor webinar listing. Post, Pages, Video Story and Portfolio work too.

Three layouts

Choose Layout: Normal stacks each event, Aside puts the photo beside the text, and Overlay puts the text on the photo.

Smart queries

Pick a Query type such as Custom, Trending Posts, Most Popular or Last 24 Hours, and narrow it with Include / Exclude, Include By and Post Format.

Date ranges

Use Date to show only events posted in the Past Day, Past Week or Past Month, with Order By and Order.

An Elementor events list, your way

Turn Show Thumb, Show Title, Show Excerpt, Show Meta, Show Rating and Read More on or off, and set the Image Resolution.

Titles that stand out

Limit text with Title Length and Excerpt Length, pick the Title HTML Tag, and use Show Highlight to mark the first words.

Meta, Read More and pagination

Add Meta Data items with a Separator Between, Author By and Author Avatar; set Read More Text and Icon; and pick Pagination: Numbers, Previous/Next or Load On Click for an Elementor events load more button.

Step by step

How to add events in Elementor

Five steps, no code. The bold names are the labels in WordPress and the Elementor panel.

  1. Install Animation Addons for Elementor and Animation Addons Pro, then turn on Live Events in the plugin’s Widgets list under Dynamic.

  2. In WordPress, open Live Events and click Add New Live Event for each session, with a title and a featured image.

  3. Open your page in Elementor, search the panel for Live Events, drag it onto the page and set Source to Live Events.

  4. Set Date, Order By and Order, pick a Layout, and choose what each entry shows, such as Show Thumb, Show Meta and Read More.

  5. Choose Pagination, for example Load On Click, style the timeline, check it on mobile and publish.

Get Animation Addons Pro Part of Animation Addons Pro · Works with Elementor Free
FAQ

Questions about Live Events

How do I add an Elementor event listing?

Add each event as a Live Events post in WordPress, then drag the Live Events widget from Animation Addons Pro onto your page and set Source to Live Events. The widget lists them on a timeline, newest first. No code is needed.

Is it a separate Elementor events plugin?

No. Live Events is one widget inside Animation Addons Pro, so you do not install another events plugin. It adds its own Live Events post type for the entries.

Is the Live Events widget free?

No. It is part of Animation Addons Pro and works with Elementor Free; Elementor Pro is optional. The free Event Slider and Posts Timeline widgets cover similar needs.

Does Live Events stream video?

No. It lists your live sessions, webinars and event live streams as posts. Link each entry to the page where the stream or replay plays.

What does the time label on the timeline show?

How long ago the event post was published, such as 3 hours ago or 2 weeks ago. It is worked out when the page loads.

Can I show only recent live sessions?

Yes. Set Date to a range such as Past Day, Past Week or Past Month, or pick the Last 24 Hours query. Order By Date with descending Order puts the newest first.

Can visitors load more events on the page?

Yes. Set Pagination to Load On Click to add a Load More button below the list. Numbers and Previous/Next links are also available.

Which layouts does it offer?

Normal stacks the label, photo, title and button; Aside places the photo beside the text, on the left or right; Overlay puts the text on top of the photo.

Does it work in Elementor 4?

Yes. It is a classic widget, so Elementor 4 lists it with the legacy widgets and it works on the same page as atomic elements.

Animation Addons Pro · Elementor 4

Keep your audience up to date, live

A timeline of your live sessions and webinars, part of Animation Addons Pro.

Halloween deal40% off every Pro planEnds 5 Nov

  • 15-day money-back guarantee
  • Rated 4.6 / 5 on WordPress.org
  • No Elementor Pro needed
  • Elementor 3 & 4 in one license