---
title: "How to Add a Button in Elementor Timeline?"
url: https://theplusaddons.com/docs/add-a-button-in-elementor-timeline/
date: 2024-06-24
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "Adding a button to a Timeline pin gives visitors somewhere to click - a \"Read more\" link through to a full write-up, for example. It is a Pro-only widget of..."
image: https://theplusaddons.com/wp-content/uploads/2024/06/How-to-Add-Animated-Headings-In-Elementor-1-1-1024x541.jpg
word_count: 249
---

# How to Add a Button in Elementor Timeline?

## 

- The Plus Addons for Elementor Pro makes the Timeline widget show a real, clickable button on a pin when the pin’s Link field is set, Display Button is turned on, and Button Text is entered.
- The button uses the exact text set in Button Text and sends visitors to the exact URL entered in the pin’s Link field.
- The button reuses the same Button Options style across every pin on the timeline, so one pin’s button cannot have a different color or size from another’s.

Adding a button to a Timeline pin gives visitors somewhere to click - a "Read more" link through to a full write-up, for example.

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.- Add the Timeline widget to the page first.

## How to Add a Button to a Pin

| Step | What to do |
| ---- | ---------- |
| 1 | On a Timeline pin, set the pin's **Link** field to the URL the button should go to. |
| 2 | Turn on **Display Button**. |
| 3 | Set **Button Text** to the label you want on the button. |

![The Display Button toggle on a Timeline pin, with Button Text below it.](https://theplusaddons.com/wp-content/uploads/2026/09/timeline-displaybutton.webp)

## How It Behaves

We set a pin's Link, turned on Display Button and set Button Text, then published the page.

- The pin renders a real, clickable button with exactly the text we set.- The button's link points to exactly the URL we set in the pin's Link field.

![An Elementor Timeline pin showing a button with custom text.](https://theplusaddons.com/wp-content/uploads/2026/09/timeline-result.webp)

## Limitations

- The button reuses the same Button Options style across every pin on the timeline - you cannot give one pin's button a different color or size from another's.

### The button doesn't show up

Check **Display Button** is switched on for that specific pin - it is off by default, and each pin's toggle is independent of the others.

## Not verified

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

- Behaviour when Link is left empty but Display Button is on - not tried.

## Frequently Asked Questions

**Q: What do I need before adding a button to an Elementor Timeline pin?**
A: The Timeline widget has to be on the page first, and this is a Pro-only feature in The Plus Addons for Elementor. That matters because the button option is tied to the Timeline pin itself, not a separate widget. If you are setting this up in Elementor, the Pro install needs to be active or the button controls for the pin will not be available.

**Q: How do I make a Timeline pin open a link as a button?**
A: Set the pin’s Link field to the destination URL, turn on Display Button, and enter the label in Button Text. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses those three fields together to render a real clickable button. The link target comes from the pin’s Link field, so that field controls where visitors land.

**Q: Why is my Timeline pin button not showing up?**
A: The most common cause is that Display Button is off for that specific pin. That toggle is independent per pin and it starts off by default, so one pin can show a button while another does not. If the button still looks missing after that, check the pin you edited, not just the timeline as a whole.

**Q: Can each Timeline pin have its own button style?**
A: The button style is shared across every pin on the timeline. The Plus Addons for Elementor reuses the same Button Options style everywhere, so one pin cannot have a different color or size from another. That makes the design consistent, but it also means you should pick a style that works for all pins before publishing.

**Q: What happens when I set a link and turn on Display Button in Elementor Timeline?**
A: The pin renders a real clickable button with exactly the text you set in Button Text, and it points to the URL from the pin’s Link field. That gives visitors a clear call to action like a Read more link without changing the rest of the timeline content. In practice, this is useful when each pin needs its own destination page.

**Q: Is there an example of how this works on a live Timeline widget?**
A: The page includes a [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/timeline/?utm_source=tpae&utm_medium=docs&utm_campaign=text) for the Timeline widget. That kind of live example helps confirm how the button behaves once published: it shows up as an actual clickable control with the exact label and URL you set on the pin.