Home Plugins cool timeline
Cool Timeline – Horizontal & Vertical Timeline logo

Cool Timeline – Horizontal & Vertical Timeline

by CoolHappy on WordPress.org

Showcase your story or company history, events, and roadmap in an interactive timeline using the powerful Cool Timeline plugin.

(320)
WordPress Timeline plugin frontend view.

WordPress Timeline plugin frontend view.

Horizontal & Vertical Timeline

Cool Timeline is an advanced WordPress plugin that helps you easily create timelines for your website. You can use it to display your company’s history, product roadmaps, personal stories, or key events in a vertical layout.

Using Cool Timeline, you can create timeline stories in two ways:

1. Gutenberg Timeline Block: Add and manage timeline stories easily using the built-in block in the WordPress editor. Great for showing steps, events, or roadmaps with a clean design.

2. Shortcode-Based Classic Timelines: Using the classic editor? Just add a simple shortcode to display your timeline on any page or post and customize it the way you like.

Key Features

  • Timeline Designs: Display your stories in a stunning vertical timeline or horizontal layout.
  • Gutenberg and Classic Editor Support: Create timelines easily using the Gutenberg block or a simple shortcode. This works with both new and classic WordPress editors.
  • Smart Shortcode Generator: Use shortcodes to display timelines anywhere on your site without needing the code.

    • Cool Timeline Shortcode:

      [cool-timeline layout=”default” skin=”default” date-format=”F j” icons=”YES” show-posts=”20″ order=”DESC” story-content=”full”]

  • Works with Page Builders: Compatible with popular page builders like Gutenberg, WPBakery, and Classic Editor. Elementor and Divi users can also create timelines with additional plugins.
  • ASC/DESC Order: Arrange your timeline stories in ascending or descending order as needed.
  • Customizable Description: Choose to show either a summary or the full description for each timeline story, depending on how much detail you want to present.
  • Story Order (ASC / DESC): Sort your stories in ascending (oldest to newest) or descending (newest to oldest) order based on your timeline.
  • Date Format: Choose from various date formats to display your timeline stories according to your requirements.
  • Customizable Colors & Fonts: Change colors, fonts, and styles to fit your brand or website design.
  • Pagination: Set how many stories you want to display per page to easily manage multiple timelines.
  • Icons or Dots: Highlight events using custom icons or simple dots to visually distinguish each story on the timeline.
  • Content Alignment: Align your timeline content left, right, or center to match your website’s style and improve readability.
  • Multiple Timelines: Create and manage several timelines on one site, like company history, product updates, or personal stories.
  • Animation Effects: Add subtle animations to your timeline items as they appear, making the overall experience more interactive and engaging.

🔗 Check Free Version Demos

Upgrade to Pro!

Upgrading to the Cool Timeline Pro plugin unlocks the advanced features like access to multiple layouts, including Horizontal layout, Category-Based Timelines, Ajax Load More, Multimedia ( images, videos & slideshow), and more.

🔗Check Pro Version Demos

Where can you use the Cool Timeline?

  • Company History
  • Event Highlights
  • Product Launch Timeline
  • Personal Journey
  • Project Roadmap
  • Achievements and Awards
  • Nonprofit or Charity Timeline
  • Historical Events Documentation
  • School or Educational Timeline
  • Event Planning

Check Our Other Timeline Plugins

  • Timeline Widget For Elementor: Showcase your company history, product roadmap, and personal journey in vertical & horizontal layout directly inside Elementor. View Demo
  • Timeline Block For Gutenberg: Create interactive timelines directly within the WordPress Block Editor to display step-by-step tutorials, a company’s history, and a product roadmap. View Demo
  • Timeline Builder: Create a small timeline inside the Gutenberg block editor using a vertical or horizontal timeline. View Demo
  • Timeline Module Pro For Divi: Showcase your personal story or company history using stunning vertical or horizontal timelines directly inside the Divi Builder. View Demo
Active installations20K+
Weekly downloads
8,984+242.77%
Version3.0.5
Last updated8/5/2025
WordPress version5.0
Tested up to6.8.1
PHP version5.6
Tags
historyHorizontal Timelineroadmaptimelinevertical timeline