Timeline Block Pro

Build timelines from Gutenberg stories

Timeline Block Pro extends Timeline Block for Gutenberg in the WordPress Block Editor. Use it to present company histories, product roadmaps, tutorial steps, programs, appointments, achievements, personal stories, and other sequences of events.

The process starts in Gutenberg: open “Add Block,” search for “Timeline Block,” add it to a page or post, then organize the content into timeline stories. Pro includes horizontal layouts, media, support for multiple timelines, and more presentation controls.

Choose a horizontal layout

Select Horizontal Default Design or Horizontal Simple Design when a left-to-right sequence suits the content. Vertical layouts are also available. Horizontal timelines can show product development stages, company milestones, project phases, or event programs.

Arrange timelines and story media

Create and show multiple timelines on one site, and categorize them by different layouts. This lets you present company history, product updates, tutorials, appointments, or personal achievements in separate timelines.

Timeline stories can include videos, including YouTube videos, images, and slideshows. Add a read-more link within a story to point readers to extended information or a custom destination.

Set markers and navigation

Choose a dot, icon, image, or text for timeline markers. Icon, arrow, and label placement have additional controls. Connectors can use an arrow, a line, or no connector, and scrolling navigation can help visitors reach stories for a specific year.

• Choose from more than 15 animation effects.
• Enable center-line filling for vertical layouts.
• Add read-more links to timeline stories.

These settings let you distinguish story types and adjust how visitors follow the sequence.

Install and add a timeline

1. Install and activate Timeline Block and its Pro edition in WordPress.
2. Open the Gutenberg editor for the page or post where the timeline should appear.
3. Select “Add Block” and search for “Timeline Block.”
4. Add timeline stories, labels, media, icons, and links.
5. Choose a vertical or Pro horizontal styling, then adjust the available presentation settings.
6. Publish or update the page to display the timeline.

Timeline Block is designed for Gutenberg. It is not intended for non-Gutenberg sites or other page builders.