Timeline Widget Pro: Timelines for Elementor

Timeline Widget Pro is an Elementor add-on for presenting stories and other chronological content. Use it for company histories, project roadmaps, career paths, product stages, event schedules, tutorials, or personal journeys. Elementor must be installed and active.

Choose a layout and style

Arrange entries in vertical, horizontal, or one-sided layouts. Preset styles such as elegant, minimal, and classic give you a starting point. Adjust colors, typography, spacing, backgrounds, and borders, then align text and media to the left, right, or center. You can set a various color for each story.

Add stories, posts, and markers

Create custom entries with labels such as dates, years, event names, or step numbers. Use Font Awesome icons, custom text, or images as timeline markers. A post timeline displays blog posts in chronological order. Entries can also include pictures, videos, or slideshows.

Set motion and loading

Choose from more than 15 animation effects, including fade-in, flip-up, and zoom. Ajax Load More can load additional stories as users scroll, which helps present longer histories or post collections progressively.

Common timeline uses

• Show company milestones, historical events, or a brand story.
• Map project phases, product roadmaps, or development stages.
• Present career histories and work experience in a resume or portfolio.
• Explain a process, tutorial, or step-by-step guide.
• Organize event schedules, program phases, or personal milestones.

Build a timeline in Elementor

Install and activate Elementor and the Timeline Widget plugin. Open a page in Elementor, drag the timeline widget into place, select a layout or preset, and add your entries. Set their labels, markers, colors, alignment, animations, and media, then preview the timeline across screen sizes before publishing.