Timeline Pro: Gutenberg Blocks for Interactive Timelines

Timeline Pro organizes dates, milestones, steps, and journeys into interactive timelines for WordPress posts, pages, and widgets. Add timeline content in the Block Editor or configure a timeline for shortcode embedding.

Build and place a timeline

To build in the WordPress Block Editor, open a post or page, select the plus button, search for Timeline, and add the Timeline block. Enter your content, adjust the available layout and styling settings, then publish or update the page.

For shortcode placement, create a timeline in the Timeline area and configure its settings. Copy the generated shortcode and paste it into a post, page, or widget.

Set the layout and presentation

The Pro edition includes nine extra themes, including dual-orientation themes. Choose a vertical or horizontal layout and adjust the available orientation and layout details.

• Apply advanced styling options and personalize icons for timeline entries.
• Add animation to timeline items.
• Format descriptions with the Classic Editor and rich text support.

Choose a block for the content

The Dynamic Post Timeline block makes timelines from any custom post type. Filter content by taxonomy, terms, and author to focus the timeline on selected WordPress posts.

The Accordion Timeline block groups steps in collapsible sections and includes custom status markers and interactive toggles. The Company History Timeline block has an interactive year card, a clickable year rail, and auto-slide navigation.

Other options include Career Timeline, Media Story Timeline, Event Schedule, Roadmap Timeline, and Year Navigator. These blocks support career histories, media stories, dated schedules, project planning, and year-based content.

Examples of timeline content

• Company milestones, important dates, growth, and achievements.
• Product releases, development phases, and future plans.
• Conference agendas, meetings, workshops, and sessions.
• Education, employment history, and career progression.
• Product evolution, portfolio stages, and project history.
• Lessons, course chapters, and academic milestones.