Skip to content

How to Add an Elementor Timeline?

Table Of Content

The Timeline widget lays out a series of events, milestones or steps along a vertical or horizontal line, each one a “pin” with its own content.

It is a Pro-only widget of The Plus Addons for Elementor.

Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Edition: Pro only.
  • Go to The Plus Addons > Widgets, search for Timeline and turn the toggle on.

How to Add an Elementor Timeline

Add the Timeline widget to the page. Each entry in the Content repeater is one pin:

SettingWhat it doesDefault
Pin TitleThe heading text for this pin.–
Content TypeChoose what the pin shows: Image, Iframe/HTML or Template.Image
Featured ImageShown when Content Type is Image.–
LinkAn optional URL the pin points to.–
Display Button + Button TextAdd a clickable button to the pin.Off
The content type dropdown on a timeline pin, with image, iframe/html and template options.

How It Behaves

We built a timeline with several pins – one per Content Type – and published the page.

  • Each pin renders with its title and, for Image content, the chosen picture.
  • The Content Type switch genuinely changes what the pin shows – see the dedicated docs on Iframe content, using a Template, and adding a Button for what we confirmed on each.
A published elementor timeline with several pins.

Limitations

  • We tested one pin per Content Type on a single timeline; a very large number of pins was not load-tested.

A pin’s image doesn’t show

Check Content Type is actually set to Image for that pin – the Featured Image field is hidden unless it is.

Not verified

So you know exactly what has and has not been checked:

  • Behaviour with a very large number of pins.
  • The Loop Pin Style, Title Style and other Style-tab appearance sections beyond what the default look shows.

Related Frequently Asked Questions

Related Docs