What is the best timeline plugin for Gutenberg?

gutenberg timeline plugin
TL;DR · Quick Summary
  • Timeline storytelling strengthens your website’s brand identity effectively — Showcase company history, milestones, roadmaps, and achievements using engaging visual timeline layouts.
  • Cool Timeline offers beginner-friendly timeline creation features — Easily organize stories chronologically with images, dates, descriptions, and customizable timeline designs.
  • Create timelines directly inside Gutenberg using timeline blocks — Add stories, customize layouts, and publish visually appealing timelines without coding knowledge.
  • Shortcode support adds flexibility across different WordPress pages — Display timeline stories anywhere while controlling pagination, animations, icons, and story ordering.
  • Cool Timeline Pro unlocks advanced horizontal timeline layouts — Access additional customization features, animation effects, and professional timeline presentation options easily.
Add on Google

Behind successful brand identity, effective storytelling plays an important role. Timeline helps to display stories in a visually engaging way and lets your audience know about your company’s history.

Timeline blocks are mainly used to represent the history of the company on the About Us page of the website, so the companies can connect with their users closely. Apart from this, Timeline blocks are also used to show roadmap, personal stories, work experience, and historical events.

Selecting a perfect timeline plugin is a difficult task, but I have made it easy for you. Today in this article, I will show you the best plugin with detailed guide to create timeline stories.

What is Cool Timeline?

Cool Timeline is a powerful WordPress plugin that lets you create visually appealing and informative timelines. It offers both horizontal and vertical layout options.

With this plugin, You can simply create posts, set images, and assign dates. The plugin will automatically organize your posts in chronological order, whether you prefer ascending or descending.

You can use the Cool Timeline shortcode and can easily display a timeline on any page of your website. You need to purchase Cool Timeline Pro if you want to display your stories in a horizontal layout and along with it you also get multiple advanced options.

 How to create timeline stories?

  1. Install and activate the “Cool Timeline” from the plugins section.
  2. After activation, you will see the “Timeline Addons” option on the WordPress dashboard. Click on that.
Timeline-addons

There are two ways to create an event timeline. Let’s first talk about the method that I find easy to use.

First Method

  1. Go to pages and open a new page.
  2. Click on the “+”, search Cool Timeline and select “Cool Timeline Block”.
Timeline-addons
  1. It will display the Cool Timeline Block with default blocks.
  2. Now you can simply add the story heading, description, image, and day or date by simply clicking on them.
Cool-Timeline-Story-heading
  1. From general settings : 
General-Settings
  • Buy Pro and select a horizontal layout to create a horizontal timeline otherwise vertical layout will display.
  • Select Timeline design and alignment of the content as per your choice.
  1. In the style section:
Style-settings
  • Adjust the text color of the heading, description, and year labels along with their typography.
  1. In the advanced section:
Advanced-settings
  • Set the color of icons, lines, and border and spacing among blocks.
  1. After making all the changes click on publish and check the preview of the page.
Cool-timeline-block-output

Second Method

Now, let’s move to the second method to create an events timeline:

  1. Under the timeline addons option, click on add story
  2. Classic Editor will open, then enter the details of events like the story title and description.
Classic-editor
  1. Once you’re done adding events, Cool Timeline will show all of these event stories on the same timeline. You can then add the timeline to any page or post.
  2. Open the new page and search for Cool Timeline.
  3. Select Cool Timeline Shortcode.
Cool-timeline-shortcode
  1. From General settings:
General-settings
  • Select layout: Select the timeline layout from multiple layout options.
  • Displays per Page: Set how many stories will be displayed in the timeline. If the number of stories is more than the number you’ve selected pagination will be added to your timeline.
  1. In Advanced settings:
  • Stories order: Select the order of events displayed in ascending or descending order.
  • Date format: Controls how the date will be formatted.
  • Icon: Select an icon if you want to set a particular icon for your story otherwise select dot.
  • Pagination: Select how you want pagination to appear.
  • Show or Hide the year label, year navigation, and read more button as per your choice.
  • Animation: Select an animation effect from 15+ animation options.
  1. After that update the page and check the preview of the page.

Cool Timeline is an excellent plugin for creating engaging and visually appealing timelines in Gutenberg. With its user-friendly interface and powerful customization options, it’s a great choice for displaying your company’s history, roadmaps, personal stories, and more. Whether you prefer horizontal or vertical layouts, Cool Timeline has you covered.

Share This Post...
Table of Contents
Share This Post...

Limited Time Special Offer

UP TO 80% OFF

259200

OFFER ENDS IN:

D
H
M
S
Year End Sale
save up to 80% off

Offer
ends in:

Days
Hours
Min
Sec
Christmas
Special Sale

Upto

80%

OFF

Ends in

Days
Hours
Min
Sec
upto
80% off

SUPER SALE

up to
80
%

off

Offer
ends in:

Days
Hours
Min
Sec
upto
80% off

SUPER SALE

up to
80
%

off

Offer
ends in:

Days
Hours
Min
Sec
upto
80% off
Independence
Day Sale

SUPER SALE

up to
80
%

off

Offer
ends in:

Days
Hours
Min
Sec
upto
80% off

UP TO 80% OFF

Offer ends in:

D
H
M
S

Mid-Year Special Sale

UP TO 80% OFF

Offer ends in:

D
H
M
S

UP TO 80% OFF

Offer ends in:

D
H
M
S

WordPress Birthday Sale

UP TO 80% OFF

Offer ends in:

D
H
M
S

WordCamp Asia Celebration Sale

UP TO 80% OFF

Offer ends in:

D
H
M
S

Easter & Good Friday Special Sale

UP TO 80% OFF

OFFER ENDS IN:

D
H
M
S
Special Sale

UPTo

80% 

OFF

Upto 80% off

OFFER ENDS IN:

D
H
M
S
save up to 80% off

SUPER SALE

up to
80
%

off

Offer
ends in:

Days
Hours
Min
Sec
New Year Sale
save up to 80% off

Offer
ends in:

Days
Hours
Min
Sec
Christmas Special Sale
Upto 80% OFF
Christmas
Special Sale

Upto

80%

OFF

Ends in

Days
Hours
Min
Sec