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 for WordPress block editor users.
To check the complete feature overview documentation of The Plus Addons for Elementor Timeline widget, Timeline Widget — Settings Overview.
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.
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.
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.
Read Further: How to 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?.
