=== Timeline Widget For Elementor (Elementor Timeline, Vertical & Horizontal Timeline) ===
Contributors:narinder-singh,satindersingh,coolplugins
Donate link: https://paypal.me/CoolPlugins/10USD/
Tags:timeline,elementor timeline,roadmap,history,horizontal timeline
Requires at least:5.0
Tested up to:6.6
Requires PHP:7.2
Stable tag:1.6.1
License:GPLv2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html

Highlight your company's history, milestones, and future plans with the advanced Elementor Timeline Widget. 

== Description ==
###  Elementor Timeline - Vertical & Horizontal Timeline

Share your **brand story** or your **company's history** with an outstanding timeline design using the advanced **Timeline Widget for Elementor**.
With this **Elementor Timeline Widget** , you can easily create a stunning timeline in just a few clicks, choosing from three different timeline layouts:-

* **[Vertical Timeline Demo](https://cooltimeline.com/demo/elementor-timeline/free/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=vertical_view_demo)** 

* **[Horizontal Timeline Demo](https://cooltimeline.com/demo/elementor-timeline/free/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=horizontal_view_demo#twae-slider-container)**

**[ View Free Demo](https://cooltimeline.com/demo/elementor-timeline/free/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=top_view_demos)** |  **[⭐ View Pro Demo](https://cooltimeline.com/demo/elementor-timeline-widget/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=pro_view_demos)** |  **[⭐ Buy PRO](https://coolplugins.net/product/elementor-timeline-widget-pro-addon/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=buy_pro)**

https://youtu.be/YGpTusgTQJc

https://www.youtube.com/watch?v=_WYTT0iBvyo

It is really important to let your audience know about your brand history. Our timeline plugin will help you to highlight your company history or life story. You can show history/future stories, events, appointments, and many other cool things using this timeline widget. 

### 🌟 Here are all areas where you can use this plugin:-

* **Company Achievements:** Highlight your company’s milestones and achievements.
* **Historical Timelines:** Show historical events or company history.
* **Step-by-Step Guides:** Visualize processes or tutorials in a timeline format.
* **Program Timelines:** Display program schedules or phases clearly.
* **Event Timelines:** Highlight past and upcoming events effectively.
* **Job Stories/Personal Milestones:** Share job histories or personal achievements.
* **Work Experience Timelines:** Create timelines of work experience for resumes or portfolios.
* **Product Roadmaps:** Show product development stages and future plans.
* **Brand Stories:** Tell your brand’s story in an engaging way.


It is an **[Elementor Website Builder](https://wordpress.org/plugins/elementor/)** Addon. In order to use this Elementor addon you must have to install **[Elementor Website Builder](https://wordpress.org/plugins/elementor/)**.

### 🌟 Timeline Widget PRO Features

- **Three Layout Options:** Choose from Vertical, Horizontal, and One-Sided timelines to match your design needs.
- **Preset Styles:** Set up beautiful timelines in one click with styles like elegant, minimal, and classic.
- **Post Timeline:** Display your blog posts in an attractive timeline layout.
- **Advanced Style Settings:** Customize your timeline’s look to match your website’s design.
- **Animation Effects:** Bring your timelines to life with over 15 animation effects like fade-in, flip-up, and zoom.
- **Colors & Typography:** Easily adjust text size, fonts, and colors for a perfect look.
- **Custom Color Stories:** Use different colors for each story in your timeline for a vibrant effect.
- **Image/Video/Slideshow:** Add images, videos, or slideshows to your timeline.
- **Ajax Load More:** Load more stories as users scroll down the timeline.
- **Icons in Timeline:** Use icons, custom text, or images as timeline markers.


 **[⭐ Buy PRO](https://coolplugins.net/product/elementor-timeline-widget-pro-addon/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=buy_pro)**

**Horizontal Layout:**  
The horizontal layout is one of the most popular and visually appealing options for creating timelines. It arranges your stories in a linear fashion from left to right, making it perfect for websites with ample horizontal space. This layout is ideal for showcasing processes, events, or milestones that progress over time.

**Features of Horizontal Layout:**
- **Sequential Display:** Display your stories in a clear left-to-right format, perfect for showing chronological events.
- **Space Efficiency:** Utilize the horizontal space on your website effectively, making it great for wide-screen displays.
- **Interactive Design:** Engage your audience with interactive elements and smooth animations that guide them through your timeline.
- **Customizable Markers:** Use icons, images, or custom text as markers to highlight significant points in your timeline.
- **Responsive Design:** Ensure your timeline looks great on all devices, including desktops, tablets, and smartphones.

**Why Use Timeline Widget for Elementor?**

- **Easy to Use:** Create and customize timelines quickly and easily.
- **Highly Customizable:** Adjust every part of your timeline to fit your website’s design.
- **Engaging Visuals:** Make your timelines interactive and visually appealing.
- **Versatile:** Use it for business milestones, personal stories, event planning, and more.

**📌 Cool Timeline - #1 Timeline Plugin (200000+ Downloads)**

Cool Timeline is a responsive WordPress timeline plugin based on a WordPress post-type system. It works inside any theme or page builder using these simple steps:-

1. Create stories one by one inside **Timeline Stories** post type (similar to you submit a blog post).
2. Now open any page or create a new page and add a timeline shortcode on it - [cool-timeline].
3. You can showcase your timeline in a horizontal or vertical layout with 20+ different designs and custom colors.

Cool Timeline automatically showcases timeline stories post-type posts in any ASC or DESC order, based on the year and date of stories.

**[⭐ Cool Timeline Pro Demo](https://cooltimeline.com/demo/cool-timeline-pro/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=ctl_pro_demos) | [⭐ Cool Timeline Free Demo](https://cooltimeline.com/demo/cool-timeline-free/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=ctl_free_demos)**

You can show your stories, events, appointments, concerts, future & history happenings by using **Cool Timeline plugin** on your website.

### Check our other plugins demos
<ul>
<li><strong>Cool Timeline [Free]</strong>- <a href="https://cooltimeline.com/demo/cool-timeline-free/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=ctl_free_demos" target="_blank">Cool Timeline Free Demo</a></li>
<li><strong>Cool Timeline Pro [Pro]</strong>- <a href="https://cooltimeline.com/demo/cool-timeline-pro/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=ctl_pro_demos" target="_blank">Cool Timeline PRO Demo</a></li>
<li><strong>Timeline Block For Gutenberg [Free]</strong>-<a href="https://cooltimeline.com/demo/gutenberg-timeline-block/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tbg_demos">View Demo</a></li>
<li><strong>Timeline Block Pro For Gutenberg [Pro]</strong>-<a href="https://cooltimeline.com/demo/timeline-block-pro/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tbg_demos">View Demo</a></li>

<li><strong>Events Widgets For Elementor And The Events Calendar [Free]</strong>-<a href="https://eventscalendaraddons.com/demos/events-widgets-pro/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=events_widgets_demos">View Demo</a></li>

<li><strong>Conditional Fields for Elementor Form – Display Conditions [Free]</strong>-<a href="https://coolplugins.net/product/conditional-fields-for-elementor-form/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=conditional _demos">View Demo</a></li>
</ul>

== Installation ==
1. **Install Elementor:** Ensure you have the Elementor Website Builder installed and activated.
2. **Install Timeline Widget for Elementor:** Upload the plugin to your WordPress site and activate it.
3. **Create a Timeline:** Go to your Elementor editor, drag and drop the Timeline Widget, and start creating your timeline.
4. **Customize:** Use the settings to customize your timeline’s style, colors, animations, and more.
5. **Publish:** Once your timeline is ready, publish it on your site to share your story with your visitors.

<strong>Support and Documentation:</strong>
For detailed help and support, visit our [support page](https://coolplugins.net/support/). 

== Screenshots ==
1.  Timeline Widget Demo Preview
2.  Timeline Widget Horizontal Timeline configuration 
3.  Timeline Widget Vertical on both sides/ One-sided Layout Preview
4.  Add New Story Settings Preview.
5.  Style Settings Preview

== Frequently Asked Questions ==

####  How do I install the Timeline Widget for Elementor plugin?
 Installing the Timeline Widget for Elementor plugin is simple:
   1. Go to your WordPress admin dashboard.
   2. Navigate to Plugins > Add New.
   3. Search for "Timeline Widget for Elementor."
   4. Click on "Install Now" and then activate the plugin.

####  Can I use this plugin without Elementor?
 No, the Timeline Widget for Elementor plugin is an addon for the Elementor Website Builder. You must have Elementor installed and activated to use this plugin.

#### Is this plugin compatible with my theme?
 The Timeline Widget for Elementor plugin is compatible with most WordPress themes. However, for the best experience, we recommend using it with a theme that is also compatible with Elementor.

####  Can I customize the appearance of the timelines created with this plugin?
Yes, you can customize the appearance of your timelines using the advanced style settings provided by the plugin. You can adjust colors, fonts, animations, and more to match your website's design.

####  Is technical support available for this plugin?
Yes, we offer technical support for the Timeline Widget for Elementor plugin. If you encounter any issues or have questions about the plugin, you can reach out to [our support ](https://coolplugins.net/support/) team for assistance.

####  Can I use this plugin on multiple websites?
 Yes, you can use the Timeline Widget for Elementor plugin on multiple websites. Once you've purchased and installed the plugin, you can activate it on any WordPress site where you have Elementor installed.

####  Is there a pro version of this plugin available?
 Yes, there is a  **[ PRO](https://coolplugins.net/product/elementor-timeline-widget-pro-addon/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=buy_pro)**  version of the [ Timeline Widget for Elementor](https://coolplugins.net/product/elementor-timeline-widget-pro-addon/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=buy_pro) plugin available with additional features such as preset styles, post timelines, advanced style settings, animation effects, and more. Visit our website to learn more about the pro version and its features.

#### What is the Elementor Timeline Widget?
The Elementor Timeline Widget is a plugin that lets you create and display stunning timelines on your website using the Elementor Website Builder.

#### How can I use the Elementor Timeline Widget?
You can use it to highlight various types of content such as company achievements, historical events, step-by-step guides, program schedules, event timelines, job stories, work experience, product roadmaps, and brand stories.

#### What are the main features of the Timeline Widget PRO?
- **Three Layout Options:** Vertical, Horizontal, and One-Sided timelines.
- **Preset Styles:** Elegant, minimal, and classic styles available.
- **Post Timeline:** Display blog posts in a timeline format.
- **Advanced Style Settings:** Customize the look of your timeline.
- **Animation Effects:** Over 15 effects like fade-in, flip-up, and zoom.
- **Colors & Typography:** Adjust text size, fonts, and colors.
- **Custom Color Stories:** Different colors for each story.
- **Image/Video/Slideshow:** Add images, videos, or slideshows.
- **Ajax Load More:** Load more stories as users scroll.
- **Icons in Timeline:** Use icons, custom text, or images as markers.

#### Why should I use the Horizontal Layout?
The horizontal layout arranges stories from left to right, making it ideal for wide screens and showcasing processes, events, or milestones that progress over time. It offers sequential display, space efficiency, interactive design, customizable markers, and responsive design.

#### Do I need to install Elementor to use this plugin?
Yes, you must have the Elementor Website Builder installed to use the Elementor Timeline Widget.

#### Is the Timeline Widget easy to use?
Yes, it is designed to be user-friendly, allowing quick and easy creation and customization of timelines.

#### Can I customize the timeline to match my website's design?
Yes, the widget provides advanced style settings for complete customization to fit your website’s design.

#### What types of content can I include in my timeline?
You can include text, images, videos, slideshows, icons, and custom text.

#### How can I make my timelines more engaging?
Make your timelines more engaging by incorporating interactive elements, animation effects, and customizable markers.

#### What are the benefits of using the Elementor Timeline Widget?
The widget is versatile and suitable for various uses such as business milestones, personal stories, event planning, and more. It offers engaging visuals and is highly customizable to fit your website’s design.

#### How can I report security bugs?
You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage and handle any security vulnerabilities. [Report a security vulnerability.](https://patchstack.com/database/vdp/timeline-widget-addon-for-elementor)

== Changelog ==
**Version 1.6.1 | 25 September 2024**
- **Added:** Elementor caching system to improve performance.
- **Fixed:** Elementor js error in admin preview page.
- **Improved:** Security Improvements.

**Version 1.6.0 | 23 July 2024**
- **Added:** Get Started page.
- **Fixed:** Horizontal slides auto height issue.
- **Tested up to:** Tested with Elementor 3.23.1 and WordPress 6.6

**Version 1.5.8 | 11 June 2024**
- **Tested up to:** Tested with Elementor 3.21.8 and WordPress 6.5.4

**Version 1.5.7 | 27 March 2024**
- **Tested up to:** Tested with Elementor 3.20.2 and WordPress 6.5

**Version 1.5.6 | 19 February 2024**
- **Fixed:** Timeline settings translation issue

**Version 1.5.5 | 16 February 2024**
- **Added:** Code Improvement
- **Fixed:** Minor bug fixes

**Version 1.5.4 | 31 January 2024**
- **Fixed:** Minor vulnerability fixes
- **Added:** Escaping function on attributes
- **Fixed:** Horizontal slides hidden issue
- **Fixed:** PHP error if slideshow option selected in media
- **Fixed:** PHP deprecated function issue
- **Tested up to:** Elementor v3.19.1 and WordPress 6.4.3

**Version 1.5.3 | 08 January 2024**
- **Fixed:** Assets loading issue on frontend
- **Fixed:** SVG icon styling issue

**Version 1.5.2 | 08 November 2023**
- **Tested up to:** WordPress version 6.4, Elementor version 3.17.2
- **Tweaks:** Minor textual changes

**Version 1.5.1 | 21 September 2023**
- **Fixed:** Fixed Elementor deprecated notice

**Version 1.5 | 19 August 2023**
- **Added:** Integrated WPML translation support
- **Improved:** Minor code improvements

**Version 1.4.4 | 09 August 2023**
- **Tested up to:** WordPress version 6.3, Elementor v3.15.1

**Version 1.4.3 | 31 March 2023**
- **Tested up to:** WordPress version 6.2, Elementor v3.12.0 (free & pro)

**Version 1.4.2 | 18 March 2023**
- **Fixed:** The horizontal Timeline navigation button not working with the latest version
- **Improved:** Textual changes
- **Updated:** Links
- **Tested up to:** Elementor v3.11.6 (free & pro)

**Version 1.4.1 | 20 DEC 2022**
- **Improved:** Minor textual changes
- **Tested up to:** Elementor v3.9.1 (free & pro)

**Version 1.4 | 18 AUG 2022**
- **Major Update:** Major update with overall code and style improvements
- **Added:** Story content alignment setting
- **Added:** Icon and label position setting
- **Added:** Icon text color setting
- **Added:** Border width and color settings
- **Added:** Title and description bottom margin setting
- **Improved:** Premium features visibility inside the free plugin
- **Tested up to:** Elementor v3.7.1 (free) & v3.7.3 (pro)

**Version 1.3.4 | 11 JAN 2022**
- **Fixed:** Swiper issues
- **Fixed:** Compatibility issues with Elementor 3.5.2
- **Improvements:** Minor code fixes

**Version 1.3.3 | 15 DEC 2021**
- **Fixed:** Compatibility issues with Elementor Latest version (3.5.2)
- **Improved:** Minor fixes

**Version 1.3.2 | 21 OCT 2021**
- **New:** Released PRO version
- **Tweaks:** Textual changes
- **Improved:** Minor fixes

**Version 1.3.1 | 20 OCT 2021**
- **Improved:** Tested up to Elementor version 3.4.6
- **Improved:** Minor textual changes

**Version 1.3 | 23 APR 2021**
- **New:** Added Hide/Show option for Border
- **Fixed:** PHP Deprecated: Elementor\Scheme_Typography & Elementor\Scheme_Color
- **Improved:** Settings panel, code flow, JS code
- **Improved:** Horizontal Timeline Responsive
- **Improved:** Tested up to 5.7

**Version 1.2.2 | 10 DEC 2020**
- **Fixed:** Fixed RTL support issues in horizontal layout
- **Fixed:** Tested up to 5.6

**Version 1.2.1 | 19 SEP 2020**
- **Fixed:** Fixed compatibility issues with Elementor 2.9 or lower version

**Version 1.2 | 11 SEP 2020**
- **New:** Integrated Inline editing in Vertical timeline
- **New:** Integrated deactivation feedback form
- **Fixed:** Horizontal timeline breaking page layout issue
- **Fixed:** Icon Background Color issue

**Version 1.1.3 | 26 AUG 2020**
- **Fixed:** Compatibility issue with Elementor version 3.0.1
- **Fixed:** Style issues

**Version 1.1.2 | 21 AUG 2020**
- **Fixed:** Conflict with Image Carousel widget
- **Improved:** Layout based load assets

**Version 1.1.1 | 17 AUG 2020**
- **Fixed:** Minor bug fixes
- **Fixed:** Compatibility issues with WordPress 5.5
- **Improved:** Assets loading conditions
- **Improved:** JS improvements

**Version 1.1 | 07 JUL 2020**
- **New:** Added horizontal timeline layout
- **Improved:** Default styles & CSS

**Version 1.0 | 14 FEB 2020**
- **New:** Initial plugin release