---
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-04-14
lang: en
author: "Aditya Sharma"
description: "Do you want to add a button in an Elementor timeline? Adding buttons to timeline items lets you direct visitors to specific posts, pages, or resources directly from each event...."
image: https://theplusaddons.com/wp-content/uploads/2024/06/How-to-Add-Animated-Headings-In-Elementor-1-1-1024x541.jpg
word_count: 486
---

# How to Add a Button in Elementor Timeline?

## 

- Utilizes the Timeline widget from The Plus Addons for Elementor to enhance user experience with buttons.
- Enables the Display Button toggle in the Style > Button Options tab to add a button to a timeline item.
- Requires installation and activation of The Plus Addons for Elementor to access the Timeline widget features.

Do you want to add a button in an Elementor timeline? Adding buttons to timeline items lets you direct visitors to specific posts, pages, or resources directly from each event.

With the Timeline widget from The Plus Addons for Elementor, you can add a button to any timeline item in the Elementor editor and link it to any URL. A similar feature is also available in the [Timeline block in Nexter Blocks](https://nexterwp.com/docs/add-a-button-in-wordpress-timeline/) for WordPress block editor users.

*To check the complete feature overview documentation of The Plus Addons for Elementor Timeline widget, [Timeline Widget — Settings Overview](https://theplusaddons.com/docs/add-an-elementor-timeline/).*

**Best Used For:**

- Company history and milestone pages where each event links to a detailed post or case study

- Portfolio timelines where each project entry links to a full project page

- Product roadmap or release pages where timeline items link to announcements, changelogs, or resources

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/timeline/)

To do this, add the Timeline widget from The Plus Addons for Elementor to a page and follow the steps -

1. Open the repeater item where you want to add the button and enter the content for that timeline item. Each repeater item has its own button settings, so you can enable a button on specific items without affecting the rest of the timeline. This is useful when you want only selected events to include a call-to-action, such as milestone entries that link to a case study or project page.

2. Enable the **Display Button** toggle. This controls whether the button appears on that specific timeline item. Use this when you want only certain events in the timeline to include a call-to-action link, so the timeline does not become cluttered with buttons on every item.

![](https://theplusaddons.com/wp-content/uploads/2024/06/timeline-display-button-new.gif)

3. In the **Button Text** field, add the text that will appear on the button, such as “Learn More”, “View Project”, or “Register Now”. Use action-oriented labels that tell visitors what happens when they click, so they understand where the button takes them before they interact with it.

4. In the **Link** field, add the destination URL for the button. Always enter a valid URL here. If you leave this field empty, the button appears on the page but does not redirect visitors anywhere when clicked, which creates a confusing experience.

> The **Display Button** toggle is located in the **Style** tab under **Button Options**. Make sure it is enabled there for the button to appear on the page.

The button will now appear on that timeline item.

![](https://theplusaddons.com/wp-content/uploads/2024/06/timeline-display-button-demo.png)

***Read Further***: *[How to Add iFrame Content in Elementor Timeline?](https://theplusaddons.com/docs/add-iframe-content-in-elementor-timeline/)*

If you are building a page where you also need an expandable content section with per-item controls, the Accordion widget from The Plus Addons for Elementor works in a similar repeater-based way. See [How to Create an Accordion with Repeater Field Data in Elementor?](https://theplusaddons.com/docs/create-an-accordion-with-repeater-field-data-in-elementor/).