=== Timeline Module for Divi ===
Contributors:coolplugins,narinder-singh,satindersingh
Donate link: https://paypal.me/CoolPlugins/10USD/
Tags: divi timeline, timeline, horizontal timeline, history, roadmap
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.2
Stable tag: 1.2.1
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Highlight your company's history, milestones, and future plans with the advanced Timeline Module for Divi.

== Description ==

**[Timeline Module for Divi](https://coolplugins.net/product/divi-timeline-module/?utm_source=tmdivi_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_description)** is a powerful plugin that allows you to design and display timelines directly inside the **Divi Builder**. This plugin offers you ready-made timeline modules that you can add, customize, and publish directly inside Divi in just a few clicks.

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

Whether you want to display your company’s history, highlight important milestones, share your personal journey, or outline a project roadmap, the Timeline Module for Divi makes it simple and visually appealing.

**[View Demos](https://cooltimeline.com/divi/?utm_source=tmdivi_plugin&utm_medium=readme&utm_campaign=demo&utm_content=view_demos)**  


### Key Features

* **Works with Divi Builder:** The plugin adds a timeline module directly into the Divi Builder. You can place it anywhere on your page and customize it.

* **Multiple Layout Options:** Choose between a classic timeline with events on one side or an alternating timeline with stories on both sides.

* **Customizable Design Controls:** Adjust colors, fonts, spacing, icons, and backgrounds according to your website’s theme. 

* **Add Multimedia:** Make your timelines more engaging by including images, videos, or icons in timeline events. This feature helps bring your stories to life and makes your content more interactive.

* **Beginner-Friendly:** No coding knowledge is required. The simple drag-and-drop interface makes it easy for anyone to create professional-looking timelines in minutes.

* Responsive and Mobile-Friendly.

### Upgrade to Pro
Upgrading to the Pro version gives you access to even more powerful features. With Pro, you can create **[horizontal timelines](https://cooltimeline.com/divi/horizontal-layout/?utm_source=tmdivi_plugin&utm_medium=readme&utm_campaign=demo&utm_content=view_horizontal_demos)** perfect for roadmaps, step-by-step guides, and product launches. You also get access to advanced customization options and event layout styles.

**[Get Pro!](https://cooltimeline.com/plugin/timeline-module-for-divi/?utm_source=tmdivi_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=get_pro_plugin)**

### Where can you use the Timeline Module for Divi

1. **Company History Showcase**: Display the growth and key milestones of your business over the years.

2. **Event Highlights**: Present a timeline of events for conferences, seminars, or special occasions.

3. **Product Launch Timeline**: Showcase the development stages and launch timeline of a product or service.

4. **Personal Journey**: Share your personal story or career progression in a timeline format.

5. **Project Roadmap**: Create a visual representation of project phases, deadlines, and achievements.

6. **Achievements and Awards**:Highlight significant achievements, recognitions, and awards over time.

7. **Nonprofit or Charity Timeline**:Showcase the impact and key initiatives of your nonprofit organization.

8. **Portfolio Showcase**: Present your work history or project portfolio in a chronological order.

9. **Historical Events Documentation**: Create a timeline of significant historical events or milestones.

10. **School or Educational Timeline**: Highlight important academic events, school history, or student progress.

11. **Wedding or Family Timeline**: Document important life events such as wedding dates, anniversaries, and family milestones.

12. **Event Planning**: Outline and share the timeline for upcoming events or project plans.

13. **Real Estate Development**: Showcase the stages of a property’s development from start to finish.

14. **Startup Journey**: Share your startup's journey, from idea conception to growth phases.

15. **Sports Achievements**: Highlight significant moments in an athlete’s or team’s career.


It is a **[Divi Theme](https://www.elegantthemes.com/gallery/divi/)** Addon. In order to use this Timeline Module you must have to install **[Divi Theme](https://www.elegantthemes.com/gallery/divi/)**.

### Check our other Timeline plugins

* **Cool Timeline**: Display your company’s history, product roadmaps, personal stories, or key events using the built-in block or via simple shortcode. **[View Demo](https://cooltimeline.com/demo/cool-timeline-free/?utm_source=tmdivi_plugin&utm_medium=readme&utm_campaign=demo&utm_content=ctl_free_demo)**

* **Timeline Widget For Elementor**: Showcase your company history, product roadmap, and personal journey in vertical & horizontal layout directly inside Elementor. **[View Demo](https://cooltimeline.com/demo/elementor-timeline/free/?utm_source=tmdivi_pluginutm_medium=readme&utm_campaign=demo&utm_content=twea_free_demo)**

* **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. **[View Demo](https://cooltimeline.com/demo/gutenberg-timeline-block/?utm_source=tmdivi_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tbg_free_demo)**

* **Timeline Builder**: Create a small timeline inside the Gutenberg block editor using a vertical or horizontal timeline. **[View Demo](https://cooltimeline.com/demo/timeline-builder-pro/?utm_source=tmdivi_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tbp_view_demo)**

**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 [Data Usage Policy](https://my.coolplugins.net/terms/usage-tracking/), [TOS](https://my.coolplugins.net/terms/), and [Privacy Policy](https://my.coolplugins.net/terms/privacy-policy/).

== Installation ==

#### 1. Install The Dependencies 

* Before getting started, ensure you have the **Divi Theme** by Elegant Themes installed and activated. This is essential, as our product is fully integrated with Divi.

#### 2. Upload the Plugin:

- Log in to your **WordPress admin dashboard**.
- From the left-hand menu, go to **Plugins** > **Add New**.
- Search "timeline module for divi by coolplugins"
- Select Timeline Module For Divi created by Cool Plugins
- After selecting the file, click **Install Now**.

#### 3. Activate the Plugin:

- Once the installation is complete, click the **Activate Plugin** button.
- Alternatively, you can navigate to **Plugins** > **Installed Plugins**, find the **Timeline Module for Divi** plugin, and click **Activate**.

### Set Up and Customize Your Timeline

#### 1. Access the Divi Builder:

- With the plugin active, go to the page or post where you'd like to add a timeline.
- Click on the **Edit with Divi Builder** button to launch the Divi Builder.

#### 2. Add the Timeline Module:

- In the Divi Builder, click the **+** icon to add a new module.
- From the list of modules, select the **Timeline** module.

#### 3. Customize the Timeline:

- Once the Timeline module is added to your page, you can personalize it to suit your needs.
  - Choose between Vertical and Horizontal layouts.
  - Adjust colors, fonts, and styles to match your website's design.
  - Add images, videos, or icons to make your timeline more engaging.
- Use the **live preview** in Divi Builder to see your changes in real-time.

#### 4. Save and Publish:

- After customizing your timeline, click **Save** in the Divi Builder.
- Finally, click **Publish** or **Update** to make your timeline live on your website.


== Frequently Asked Questions ==

= How do I add a timeline to my Divi page? =
Once you activate the plugin, go to Divi Builder. You’ll find a new "Timeline" module. Just add it to your page and customize it as you like.

= Can I change how my timeline looks? =
Yes! You can easily change the colors, fonts, and styles to make sure the timeline fits your website’s design.

= Will the timeline work on mobile devices? =
Yes, the timeline is fully responsive, meaning it will look great on all devices, including phones, tablets, and desktops.

= What can I add to the timeline events? =
You can add text, images, videos, and icons to make your timeline events more interesting.

= Do I need to know coding to use this plugin? =
No, you don’t need any coding skills. The plugin is designed to be simple and user-friendly, so you can create timelines without any technical knowledge.

= Can I create horizontal timelines? =
Yes, you can easily create horizontal timelines using the Timeline Module Pro for Divi.


= Can I add multiple timelines to my website? =
Yes, you can create and add multiple timelines on different pages of your Divi website.

= What timeline layouts are available? =
You can choose between a vertical timeline with events on one side or both sides.

= Do I need coding skills to use this plugin? =
No, this plugin is easy to use, and you don't need any coding knowledge to create and customize timelines.

= Does this plugin work with other Divi modules? =
Yes, the Timeline Module seamlessly integrates with other Divi modules and layouts.

= How can I get support if I face any issues? =
If you need help, you can reach out to the support team through the official support channel or plugin documentation.

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


== Screenshots ==

1. Timeline Module For Divi preview.
2. Example of a vertical timeline.
3. Example of a vertical one-sided timeline.
4. Timeline Module For Divi Stories preview.
5. Timeline Module For Divi Single Story preview.

== Upgrade Notice ==

== Changelog == 

= Version 1.2.1 | 03 Mar 2026 =  
- Added Divi Form Extender recommendation.

= Version 1.2.0 | 29 Jan 2026 =  
- Fixed warnings reported by "Plugin Check" plugin.

= Version 1.1.9 | 11 Dec 2025 =  
- Tested: up to WordPress 6.9 and Divi beta version.

= Version 1.1.8 | 18 Nov 2025 =  
Improvements: Code improved.
Improvements: Rating div styling.

= Version 1.1.7 | 02 Sep 2025 =  
Fixed: Missing divi-5 build folder.

= Version 1.1.6 | 02 Sep 2025 =  
Fixed: Missing Folder issue.

= Version 1.1.5 | 02 Sep 2025 =  
Fixed: Minor issue.

= Version 1.1.4 | 02 Sep 2025 =  
Fixed: Deprecation hook error with Alpha 22.

= Version 1.1.3 | 01 Sep 2025 =  
- Optimization:- Bug fixes and security code improvements.
- Updated :- UTM Links.

= Version 1.1.2 | 01 May 2025 =  
- Fixed: Multiple bugs in the Visual Builder for both Divi 4 and Divi 5.   
- Improved: Migration process from Divi 4 to Divi 5 and design for better UI/UX.

= Version 1.1.1 | 31 Mar 2025 =  
- Removed: Unnecessary files package-lock.json and yarn.lock from the plugin package.

= Version 1.1.0 | 27 Mar 2025 =  
- Added: Compatibility with Divi 5.  
- Fixed: Minor bugs for improved stability.  
- Improved: Design tweaks for better UI/UX.  

= Version 1.0.3 | 17 Oct 2024 =  
- Fixed: Undefined array key warning to enhance compatibility.  

= Version 1.0.2 | 23 Aug 2024 =  
- Added: Admin notice and feedback form for better user engagement.  

= Version 1.0.1 =  
- Removed: Online CDN dependency for Font Awesome to improve performance.  
- Improved: Security by preventing direct access to PHP files.  
- Updated: Function, class, and element prefixes to prevent conflicts.  

= Version 1.0.0 =  
- Initial release with vertical timeline functionality.  
- Customization options for colors, fonts, and styles.  
- Fully responsive design for all devices.  

== ⚠️Important Notice ==
Migration from Divi 4 to Divi 5 will only be supported till Divi 5 Public Alpha 14. If you are planning to upgrade your site or plugins, please make sure to complete the migration process before Alpha 14. After this point, direct migration from Divi 4 will no longer be available, and this may lead to compatibility issues.

== Upgrade Notice ==

= Version 1.1.0 | 27 Mar 2025 =  
- Added: Compatibility with Divi 5.  
- Fixed: Minor bugs for improved stability.  
- Improved: Design tweaks for better UI/UX.  


