Fabio Lobo

janiosarmento

Create a simple – and responsive – timeline with shortcodes!
<pre><code>[timeline]

 [timeline_event title="Your title" subtitle="Your subtitile"]
 Your text here!
 [/timeline_event]

[/timeline]
</code></pre>
Customize colors and text sizes and… done!

Timelinda

Extremely Lightweigth Pure CSS Responsive Vertical Timeline

Satinder Singh

CoolHappy

Cool Plugins

<h3>Elementor Timeline – Vertical & Horizontal Timeline</h3>
<iframe loading="lazy" title="Showcase your company history in Horizontal Timeline With Timeline Widget Pro for Elementor" width="750" height="422" src="https://www.youtube.com/embed/_WYTT0iBvyo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<a href="https://cooltimeline.com/plugin/elementor-timeline-widget-pro/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_description" rel="nofollow ugc">Timeline Widget for Elementor</a> is a powerful timeline slider plugin that allows you to create stunning <a href="https://cooltimeline.com/demo/elementor-timeline-widget/free/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=vertical_free_demo" rel="nofollow ugc">vertical</a> and <a href="https://cooltimeline.com/demo/elementor-timeline-widget/free/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=horizontal_free_demo#horizontal-layout" rel="nofollow ugc">horizontal timelines</a> to showcase your achievements, personal journey, or company history directly inside Elementor.
Whether you’re showcasing a company history, project roadmap, personal journey, or blog timeline. With multiple designs and customization options for colors, fonts, and icons, you can easily design your Elementor timelines according to your brand.
<h3>Key Features</h3>
<ul>
<li>Compatibility with Elementor: Fully integrated with Elementor, simply drag and drop the timeline widget into any page and start customizing your timeline sliders visually.</li>
<li>Story Timeline: Perfect for showcasing any type of story or chronological content like company history, career paths, product journeys, or blog timelines.</li>
<li>Multiple Layouts: Choose between vertical timelines or horizontal layouts according to your preferences.</li>
<li>Pre-made Templates: Use pre-designed timeline slider layouts to quickly create a timeline. Just choose a template, add your content, and customize it to match your style.</li>
<li>Font Awesome Icons Support: Assign icons to each timeline step using the built-in Font Awesome library according to the story.</li>
<li>Custom Labels: Add personalized text labels to each timeline step and display important details like dates, years, event names, or step numbers.</li>
<li>Image & Multimedia Support: Enhance your timeline’s engagement using interactive images that visually tell your story.</li>
<li>Timeline Customization: Customize typography, colors, backgrounds, spacing, and borders of your story elements for a more personalized look.</li>
<li>Content Alignment Options: Align your text and media (left, right, or center) according to your design and layout.</li>
<li>Compatible with all WordPress Themes: Timeline widget plugin is fully compatible with all WordPress themes.</li>
<li>Fully Responsive: This plugin is fully responsive, ensuring that your events display perfectly on all screen sizes.</li>
</ul>
🔗<a href="https://cooltimeline.com/demo/elementor-timeline/free/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=view_free_demo" rel="nofollow ugc">Check Free Version Demos</a>
<h3>Use Cases</h3>
<ul>
<li>Company Achievements: Highlight your company’s milestones and achievements.</li>
<li>Historical Timelines: Show historical events or company history.</li>
<li>Step-by-Step Guides: Visualize processes or tutorials in a timeline format.</li>
<li>Program Timelines: Display program schedules or phases clearly.</li>
<li>Event Timelines: Highlight past and upcoming events effectively.</li>
<li>Job Stories/Personal Milestones: Share job histories or personal achievements.</li>
<li>Work Experience Timelines: Create timeline sliders of work experience for resumes or portfolios.</li>
<li>Product Roadmaps: Show product development stages and future plans.</li>
<li>Brand Stories: Tell your brand’s story in an engaging way.</li>
</ul>
<h3>Upgrade to Pro Version</h3>
Upgrading to the Timeline Widget Pro unlocks more advanced features like:
<ul>
<li>Layout Options: Choose from Vertical, Horizontal, and One-Sided timelines to match your design needs.</li>
<li>Preset Styles: Set up beautiful timeline sliders in one click with styles like elegant, minimal, and classic.</li>
<li>Post Timeline: Display your blog posts in an attractive timeline layout.</li>
<li>Advanced Style Settings: Customize your timeline’s look to match your website’s design.</li>
<li>Animation Effects: Bring your timelines to life with over 15 animation effects like fade-in, flip-up, and zoom.</li>
<li>Colors & Typography: Easily adjust text size, fonts, and colors for a perfect look.</li>
<li>Custom Color Stories: Use different colors for each story in your timeline for a vibrant effect.</li>
<li>Image/Video/Slideshow: Add images, videos, or slideshows to your timeline.</li>
<li>Ajax Load More: Load more stories as users scroll down the timeline.</li>
<li>Icons in Timeline: Use icons, custom text, or images as timeline markers.</li>
</ul>
🔗 <a href="https://cooltimeline.com/demo/elementor-timeline-widget/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=view_pro_demo" rel="nofollow ugc">Check Pro Version Demos</a> | <a href="https://cooltimeline.com/plugin/elementor-timeline-widget-pro/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=get_pro" rel="nofollow ugc">Get Pro</a>
<h3>Check our other plugins demos</h3>
<ul>
<li>Cool Timeline: Display your company’s history, product roadmaps, personal stories, or key events using the built-in block or via simple shortcode. <a href="https://cooltimeline.com/demo/cool-timeline-free/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=ctl_free_demo" rel="nofollow ugc">View Demo</a></li>
<li>Timeline Block For Gutenberg: Create interactive timelines directly within the WordPress Block Editor to display step-by-step tutorials, a company’s history, and a product roadmap. <a href="https://cooltimeline.com/demo/gutenberg-timeline-block/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tbg_free_demo" rel="nofollow ugc">View Demo</a></li>
<li>Timeline Builder: Create a small timeline inside the Gutenberg block editor using a vertical or horizontal timeline. <a href="https://cooltimeline.com/demo/timeline-builder-pro/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tbp_view_demo" rel="nofollow ugc">View Demo</a></li>
<li>Timeline Module Pro For Divi: Showcase your personal story or company history using stunning vertical or horizontal timelines directly inside the Divi Builder. <a href="https://cooltimeline.com/divi/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tmdivi_view_demo" rel="nofollow ugc">View Demo</a></li>
</ul>

Timeline Widget For Elementor (Elementor Timeline, Vertical & Horizontal Timeline)

I did not have any issues with this plugin with Elementor. I did not use the image feature, but otherwise my timelines look exactly like how this timeline plugin shows in their example, and that's all I needed. I could foresee needing advanced features that are in the pro version of this plugin but for now the free version is all I need for now. Thanks @coolplugins.

Exactly what I wanted for my Elementor site


I needed a timeline to display some data, installed the plugin's free version, everything worked as expected. Not much else to say, except thank you!


Works as expected


Plugin worked well as expected and clear documentation helped me to setup the desired result. Good job and keep it up.


Easy customizable and worked with minimal setup

Awesome plugin

Highlight your company’s history, milestones, and key events directly inside Elementor using stunning vertical and horizontal timelines.

Timelinda vs Timeline Widget For Elementor (Elementor Timeline, Vertical & Horizontal Timeline)