Choose a layout for each sequence

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

Vertical timelines remain available, and Pro adds two horizontal designs: Horizontal Default Design and Horizontal Simple Design. Choose a left-to-right layout for milestones, project phases, or event programs that read naturally in that direction. You can create multiple timelines on one site and categorize them by layout.

Add context to timeline stories

Stories can include images, slideshows, and videos, including YouTube videos. Add a read-more link when a milestone needs additional information or a custom URL. These options let you pair each entry with media or a path to related content.

Set markers and navigation

Choose a dot, icon, picture, or text marker to identify a story. You can adjust icon, arrow, and label placement, select from more than 15 animation effects, and personalize connectors as an arrow, line, or none. Vertical layouts also support a center-line filling effect. Scrolling navigation provides access to stories for specific years.

These controls can help readers scan a company history, follow a process, review achievements, or move through a product roadmap.

Add the block in Gutenberg

1. Install and activate the Timeline Block plugin 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 design and adjust the available presentation options.
6. Publish or update the page to display the timeline.

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