Plan a timeline in Gutenberg

Timeline Block Pro extends Timeline Block for Gutenberg, letting you build visual sequences in the WordPress Block Editor. Use timelines for company histories, product roadmaps, tutorial steps, programs, appointments, achievements, personal stories, and other sequences of events.

Start by adding a Timeline Block and arranging its content into stories. Pro adds horizontal designs, multimedia support, multiple timelines, and more presentation controls.

Choose a layout

The two Pro horizontal options are Horizontal Default Design and Horizontal Simple Design. Choose one when a left-to-right sequence fits the content. Vertical layouts are also available. Horizontal timelines can present product development stages, company milestones, project phases, or event programs.

Organize stories and media

Create and show multiple timelines on one website, with timelines categorized by different layouts. For example, a website can present company history, product updates, tutorials, appointments, or personal achievements as separate timelines.

Stories can include images, slideshows, and videos, including YouTube videos. Add read-more links for extended information or custom destinations.

Set markers and interaction

Choose a dot, icon, picture, or text for timeline markers. Adjust icon, arrow, and label placement, and pick from more than 15 animation effects. Other controls include a center-line filling effect for vertical layouts and connectors set to an arrow, line, or none. Scrolling navigation can take users to stories for a specific year.

Add and publish 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 will appear.
3. Choose Add Block and search for Timeline Block.
4. Add timeline stories, labels, media, icons, and links.
5. Choose a vertical or Pro horizontal design, then 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.