How To Create A Horizontal Timeline In Block Editor?

horizontal timeline layout
  • Horizontal timelines improve storytelling presentation beautifully — Display company milestones, project roadmaps, and historical events using clean left-to-right timeline layouts effectively.
  • Timeline Block Pro simplifies horizontal timeline creation — Easily add stories, dates, media, icons, and slideshows directly inside Gutenberg editor pages.
  • Advanced media support makes timelines visually engaging — Add YouTube videos, multiple images, custom icons, and text-based icon elements effortlessly.
  • Flexible customization options enhance overall timeline appearance — Control typography, alignment, spacing, icon styles, dimensions, colors, and slide display settings easily.
  • Cool Plugins also supports Elementor timeline building — Create professional timeline stories inside Elementor using the powerful Timeline Widget plugin seamlessly.

How to Create a Vertical Timeline in Block Editor?

vertical timeline in block editor
  • Gutenberg makes it effortless — Simply search “Timeline” in the Gutenberg block editor, install the Timeline Block plugin by Cool Plugins, and a ready-to-edit vertical timeline appears instantly.
  • Flexible layout options — Choose between a Both-Sided or One-Sided layout, with left or right alignment control to match your page design perfectly.
  • Full style customization — Adjust fonts, text colors, icon styles, line colors, story borders, and element sizes — all without touching a single line of code.
  • Perfect for any content type — Use it to showcase company history, project milestones, personal achievements, or historical events in a clean, linear format.
  • Elementor users are covered too — Cool Plugins also offers a Timeline Widget for Elementor, giving you the same powerful timeline experience inside your preferred page builder.

Timeline Widget vs. Timeline Block: Comparing Timeline Plugins

timeline widget and timeline block plugin comparison
  • Two plugins, two approaches — Timeline Widget Pro is built for Elementor users, while Timeline Block is designed for Gutenberg — pick the one that matches your page builder.
  • Timeline Widget Pro offers deep customization — Add colors, fonts, icons, images, videos, and links to each event, plus a Post Timeline feature to reuse your existing WordPress posts instantly.
  • Timeline Block keeps it quick and clean — Search “Timeline” in Gutenberg, drop in the block, add your items with titles, dates, descriptions, and images, and publish in minutes.
  • Both are no-code friendly — Neither plugin requires coding or design skills, making them accessible for beginners and experienced users alike.
  • Choose based on your need — Go with Timeline Widget Pro for advanced, interactive timelines in Elementor; choose Timeline Block if you want a fast, straightforward Gutenberg solution.

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