Create visual timelines in Divi
Timeline Module Pro for Divi lets you build and publish timelines directly inside the Divi Builder. It is designed for presenting information in a clear chronological structure, whether you are showing a company history, planning a product launch, documenting a personal journey, or outlining project phases.
The module works within the Divi editing experience, so you can place it where you need it on a page and adjust its appearance without writing code. Its drag-and-drop approach is intended for users who want to create polished timeline content through familiar visual controls.
Flexible timeline layouts
Use a vertical timeline with events arranged on one side, or choose an alternating layout with stories displayed on both sides. The Pro version also adds horizontal timelines, which are useful for roadmaps, step-by-step guides, and product launches.
These layout choices make it possible to match the presentation to the content. A vertical format can suit a long company history or portfolio, while a horizontal format can provide a compact view of stages, milestones, or sequential steps.
Customize events and styling
Timeline events can include text, images, videos, and icons. Multimedia content helps make milestones more informative and gives visitors additional context as they move through the timeline.
Design controls let you adjust colors, fonts, spacing, icons, and backgrounds to align the timeline with your website’s visual style. The Pro edition also provides advanced customization options and additional event layout styles, giving you more control over how each entry is presented.
Practical ways to use it
- Show a business’s growth and key milestones.
- Present conference, seminar, or special-event highlights.
- Describe product development stages and launch plans.
- Outline project phases, deadlines, and achievements.
- Display awards, recognitions, or historical events.
- Share a career progression, personal journey, or portfolio.
- Document school events, family milestones, or wedding dates.
- Explain nonprofit initiatives, real estate development, or a startup journey.
You can create multiple timelines on different pages of a Divi website. The module also integrates with other Divi modules and layouts, helping you combine timeline content with the rest of a page design.
Responsive, beginner-friendly editing
The timeline is described as responsive and mobile-friendly, so its presentation is intended for phones, tablets, and desktop screens. No coding knowledge is required to create or customize timelines, making the module suitable for users who prefer a visual workflow.
Installation and first steps
Install the Pro plugin on your WordPress website, then open the Divi Builder on the page where you want to work. Add the Timeline Module, choose a layout, and enter your event content. Add images, videos, or icons as needed, then adjust colors, fonts, spacing, and backgrounds before publishing.
Once a timeline is created, you can place additional timelines on other pages for separate histories, roadmaps, portfolios, or event plans.
