---
title: "How to Add an Elementor Timeline?"
url: https://theplusaddons.com/docs/add-an-elementor-timeline/
date: 2024-06-24
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/06/How-to-Add-Animated-Headings-In-Elementor-2-1024x541.jpg
word_count: 294
---

# How to Add an Elementor Timeline?

## 

- The Timeline widget lays out events, milestones, or steps along a vertical or horizontal line, with each entry in the Content repeater acting as one pin.
- The Plus Addons for Elementor marks Timeline as a Pro-only widget, and it requires The Plus Addons for Elementor Pro to be installed and activated.
- Content Type changes what each pin shows, including Image, Iframe/HTML, or Template, and the post confirms a clickable button can be added with Display Button + Button Text.

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/timeline/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## 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:

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Pin Title** | The heading text for this pin. | - |
| **Content Type** | Choose what the pin shows: **Image**, **Iframe/HTML** or **Template**. | Image |
| **Featured Image** | Shown when Content Type is Image. | - |
| **Link** | An optional URL the pin points to. | - |
| **Display Button** + **Button Text** | Add a clickable button to the pin. | Off |

![The Content Type dropdown on a Timeline pin, with Image, Iframe/HTML and Template options.](https://theplusaddons.com/wp-content/uploads/2026/09/timeline-contenttype.webp)

## 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.](https://theplusaddons.com/wp-content/uploads/2026/09/timeline-result.webp)

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

## Frequently Asked Questions

**Q: What do I need before adding an Elementor timeline widget?**
A: The Timeline widget is Pro only, so the key requirement is an installed and activated The Plus Addons for Elementor Pro setup. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this widget inside Elementor, but it only works when the Pro edition is active. That matters because the widget is part of the plugin’s paid feature set, not a free one.

**Q: Why is my timeline pin image not showing?**
A: The most common cause is that the pin’s Content Type is not set to Image. In this widget, the Featured Image field stays hidden unless Content Type is Image, so an image can look “missing” even when the pin exists. That makes the Content Type choice the first thing to verify before assuming the upload failed.

**Q: Can I use different content types in one timeline?**
A: The Timeline widget supports multiple Content Type options on pins, including Image, Iframe/HTML, and Template. The page confirms that the Content Type switch changes what each pin shows, so one timeline can mix pin types instead of forcing every entry to use the same layout. That flexibility is useful when some milestones need media and others need embedded or template-based content.

**Q: How many timeline pins can I add safely?**
A: The page confirms one important limitation: a very large number of pins was not load-tested. That means small and normal timelines are covered by the tested behavior, but extremely long timelines may need extra caution. If you are planning a dense milestone list, keep that limitation in mind before treating it like a stress-tested layout.

**Q: What parts of the timeline styling were actually tested?**
A: Only the default look and a few behavior checks were verified. The page says Loop Pin Style, Title Style, and other Style-tab appearance sections beyond what the default look shows were not verified. That means visual customization beyond the basic setup should be treated carefully if you need predictable results.

**Q: Where can I see the live Elementor timeline widget example?**
A: The live example is available at [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/timeline/?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text). It is useful when you want to compare your setup against the published behavior of The Plus Addons for Elementor timeline widget. Since the page says each pin renders with its title and image content when applicable, a live reference helps confirm whether your own timeline matches that baseline.
