Want to showcase key events or project milestones on your Elementor website without spending a dime? The Vertical Curved Timeline widget is a fantastic free tool that helps you visually organize content in a flowing, elegant design. Whether you’re telling your brand story, outlining a roadmap, or presenting historical data, this timeline adds both function and flair to your layout. In this step-by-step guide, we’ll walk you through how to add and customize a free timeline in Elementor—no coding or premium plugins required!
Popular Use Cases for adding a Free Timeline in Elementor Website
Company Milestones
Showcase the evolution of a business by displaying significant company milestones, key events, and achievements in a timeline format.
Project Roadmaps
Outline the stages of a project or product development, providing clear visibility of progress and future goals to stakeholders and team members.
Event Schedules
Display a timeline of upcoming events, including key dates, speakers, and sessions, offering visitors a view of what to expect.
Educational Journeys
Highlight educational achievements, from school graduations to certifications, showing the progression of learning and professional growth.
Historical Timelines
Perfect for museums, galleries, or educational websites, displaying important historical events and milestones with a dynamic timeline.
Product Release History
For e-commerce or tech companies, illustrate the progression of product releases, updates, and versions to help customers see the development.
Step #1: Install and activate Unlimited Elements Free Version for Elementor
You have to install and activate the Unlimited Elements Free Version for Elementor.
Step #2: Adding the Vertical Curved Timeline widget to your Elementor website
To add a Free Vertical Timeline, install the Vertical Curved Timeline widget from the Unlimited Elements Widget library.
Go to Unlimited Elements in the WordPress Dashboard
Search for the "Vertical Curved Timeline"
Hover over the widget and click install
Step #3: Add Vertical Curved Timeline widget to your Elementor page
Now, in the Elementor editor, Find the Vertical Curved Timeline widget and drag it to the desired part of your page.
General Settings
Show Image (Pro)
This setting allows you to display an image alongside the content.
Show Title
Enable to display the title of the item above the content block.
Title Tag
Set the HTML tag for the title.
H2
H3
H4
H5
DIV
Show Sub Title (Pro)
This setting adds a subtitle below the main title.
Show Description
Enable to display a short description or summary below the title. Useful for providing additional context.
Show Button (Pro)
This setting allows you to add a call-to-action button below the description.
(Pro options indicate features available in the Unlimited Elements Pro.)
Source Settings
The Vertical Curved Timeline widget supports multi-source functionality, allowing you to populate dynamic, data-driven content from a variety of sources. These include items, posts, meta fields, JSON or CSV files, galleries, terms, users, menus, and even API integrations for ultimate flexibility.
Items
You can use the item repeater field as item source.
WordPress Posts (Pro)
Display WordPress posts dynamically in vertical curved timeline, including custom post types and fields for maximum flexibility.
Meta Field (Pro)
Use Meta as an item source for your vertical curved timeline to dynamically display and manage content from your Meta data.
JSON or CSV (Pro)
Load your vertical curved timeline with data from JSON or CSV files to easily manage and display structured content.
Gallery (Pro)
You can use the gallery as the source for your items. Simply select multiple photos to create and customize a stunning gallery.
Terms (Pro)
Use Terms as a source for your vertical curved timeline to dynamically display and manage taxonomy terms from your WordPress site.
Users (Pro)
You can use WordPress Users as an item source for your vertical curved timeline to display and manage dynamic content from your site’s user data.
Menu (Pro)
Use your WordPress Menu as a source for the vertical curved timeline to dynamically display and manage menu items in a visually engaging layout.
API Integrations (Pro)
Integrate an API into your vertical curved timeline to dynamically fetch and display data from external systems or services.
Items Settings
Manage the items of vertical curved timeline using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Item Title
Define the title of the item.
Graphic Elements
Select the type of graphic symbol that appears alongside the item content.
Available options:
- Index Number – Display a numeric counter representing the item's position in the list.
- Text (Pro) – Display custom text as the graphic element. Available only in the Pro version.
- Icon – Display an icon from the icon library to visually represent the item.
Image
Upload or choose an image to visually represent the item.
Title
Set the item’s main heading text.
Sub Title
Define the supporting text that appears below the title.
Description
Enter a rich text or visual description for the item.
Link
Set the URL to redirect when the item is clicked.
Button Text
Define the label for the call-to-action button.
Graphic Element BG
Set the background color for the graphic element.
Wrapping it Up!
And there you have it! With just a few simple steps, you’ve added a stunning, free timeline to your Elementor website using the Vertical Curved Timeline widget. It’s a great way to enhance storytelling, highlight achievements, or communicate progress in a way that’s both clear and visually appealing. Give it a try and let your content flow with style!
