poetaster

<h4>EN:</h4>
A simple wordpress plugin to parse shortcodes and produce a nice html/css only timeline.
This plugin provides 4 shortcodes:
<ul>
<li>[ctimeline] – a wrapper for the entire timeline</li>
<li>[ctentry] – a date label with an entry and option content</li>
<li>[ctspace] – a simple spacer</li>
<li>[ctdate] – not implemented yet.</li>
</ul>
Take a look at the screenshots to see what rendering looks like. CSS3 
transitions and html supply minimal animations. Most markup can be used within 
the shortcodes to achieve formatting and, for instance, embed images. The 
following example demonstrates,
<ul>
<li>‘fake’ super/sub sections, not using the ‘date’ param of ctentry </li>
<li>embed a picture</li>
<li>format a label</li>
</ul>
[ctimeline]
[ctentry date=”” label=”2015″] Wasn’t much going on in 2015.[/ctentry]
[ctentry date=”11 May 2015 ” label=”The title of this entry reflects the needs of verbose headline copy editors.”]
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
[/ctentry]
[ctspace][/ctspace]
[ctspace][/ctspace]
[ctentry date=”” label=”2016″] A bit more going on in 2016.[/ctentry]
[ctentry date=”12 May 2016″ label=”12th cool”] 
Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. 
[/ctentry]
[ctentry date=”13 May 2016″ label=”13th cool”] 
In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Curabitur tortor. Pellentesque nibh. Aenean quam. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
[/ctentry]
[/ctimeline]

csstimeline

Satinder Singh

CoolHappy

Cool Plugins

<h3>Elementor Timeline – Vertical & Horizontal Timeline</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_WYTT0iBvyo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></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/elementor-widget/free-timeline/?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/elementor-widget/free-timeline/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=horizontal_free_demo#horizontal" 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/elementor-widget/free-timeline/?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#pricing" 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/free-timeline/?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 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>
Use of 3rd Party Services: This plugin connects to the Cool Plugins API to display information about related plugins inside the dashboard. It also offers optional usage tracking and optional feedback submission on deactivation. Data is sent only after explicit user consent. No hidden tracking is performed, and no frontend visitor or site user data is collected. For more details, please review our <a href="https://my.coolplugins.net/terms/usage-tracking/" rel="nofollow ugc">Data Usage Policy</a>, <a href="https://my.coolplugins.net/terms/" rel="nofollow ugc">TOS</a>, and <a href="https://my.coolplugins.net/terms/privacy-policy/" rel="nofollow ugc">Privacy Policy</a>.

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


This plugin was easy to setup and use, and really usefull for a timeline chart.


Easy and usefull

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

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