Cool Timeline (Horizontal & Vertical Timeline)


Cool Timeline – Horizontal & Vertical Timeline, History Timeline

Showcase your story or company history in a precise and elegant way using a powerful and advanced Cool Timeline

It is really important to let your audience know about the history of your brand especially when you are promoting it through a website.
Our plugin will help you to highlight events and stories precise way.

You can show your stories, events, appointments, concerts, and future & historical happenings by using Cool Timeline plugin on your website.

Check our Timeline plugins demos

Cool Timeline is a responsive WordPress pure HTML & CSS timeline plugin that allows you to create beautiful horizontal and vertical history timelines. You simply create posts, and set images and dates then Cool Timeline will automatically populate these posts in chronological order(ASC or DESC), based on the year and date of the stories. You can easily show a timeline on any page of your website using shortcode – [cool-timeline]

Cool Timeline Shortcode

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

Learn More About Shortcode | Check Timeline Installation Guide

Features Of Cool Timeline

  • Gutenberg block Timeline:- Since version 1.8 users can create an instant timeline with the help of the Gutenberg instant timeline builder block.
  • Compact Timeline:- Now our free users can also create a compact timeline, which means a timeline without a lot of space between stories.
  • Clean Layout:- If you love a clean and clear look without a lot of colors then you can showcase your story via our clean layout.
  • Horizontal Roadmap Timeline:- With help of the Roadmap design, you can represent your Project/Company Plans and Phases.
  • Advanced Design & Optimized Code:- We have also made it developer friendly, you can easily customize the timeline story default query.
  • Create both-sided or one-sided vertical timelines.
  • Show timeline images in pop-up or link to the full story.
  • Choose cool icons along with stories.
  • Specify story background custom colors.
  • Specify year circle custom color.
  • You can specify different colors for the story post’s title.
  • Show read more button for full story page.
  • Show stories in DESC or ASC order.
  • Easy to use shortcode to place the cool timeline wherever your heart desires – [cool-timeline].
  • Translation ready and translated in 4 languages (German, French, Indonesian & Italian).
  • TinyMCE button to generate the timeline shortcode or easily add the shortcode on any page using Gutenberg ready blocks.
  • Responsive and mobile-ready timeline.

Where can you use the Cool Timeline plugin?

You can show history/future stories, events, appointments, and many other cool things using our Cool Timeline plugin. Here are all areas where you can use this plugin:-

  • Represent your company story.
  • Showcase tutorial/process steps in timeline format.
  • Create a program timeline.
  • Timeline is the best way to represent history.
  • Create events/appointments timeline.
  • Job stories/achievements timeline.
  • Personal story timeline.

We have tried our best to create an awesome timeline plugin but still, if you face any installation, coding, or design error, you can contact us anytime. Also, remember to try our Cool Timeline Pro version for extra cool features and design options.

Buy Cool Timeline Pro | Check Timeline Pro Documentation

Cool Timeline Pro Features

To make it more cool we have enhanced our plugin by adding many advanced design features in pro version – multiple design options, animation effects, advanced horizontal timeline support, create multiple timelines, and more. Here you can check our pro features:-

  • 40+ Timeline Designs
    Cool Timeline Pro Provides 4 Timeline Layouts:-

    • Vertical Timeline
    • Vertical Compact Timeline
    • Vertical One-Side Timeline
    • Horizontal Timeline

    Every Timeline Layout Supports 5+ Design Options & 2 Skins(light, dark):-

    • Default Design
    • Flat Design
    • Elegant Design
    • Clean Design
    • Classic Design
    • Modern Design

    Check All Demos…

  • Timeline Settings, Colors & Typography:-
    Cool Timeline Pro provides an advanced setting panel to easily manage timeline visibility settings, background/timeline elements colors and fonts/typography styles, and color options.
  • Video, Images & Slider:-
    You can easily display small and big images, YouTube / Vimeo videos, and images slide-show inside Cool Timeline Pro. You can add them easily while adding a timeline story.
  • Custom Color Option For Every Story:-
    While adding stories in Cool Timeline Pro, you can provide different colors for different stories, which means you can easily create a multi-color timeline by using this advanced custom color feature provided by Cool Timeline Pro.
  • Multiple Timelines:-
    You can create multiple timelines in one website based on different categories by using the Cool Timeline Pro WordPress plugin. You can display these timelines in any layout(vertical/horizontal) or design.
  • Easily Add Shortcode Using Smart Generator:-
    If you are using a classic code editor inside WordPress while adding a new page or post then you can easily add a shortcode inside any page by using the smart shortcode generator tool inside your code editor.
  • Gutenberg / Elementor / WPBakery:-
    First, publish stories one by one then you can show these stories in a timeline layout easily inside any page builder:- Gutenberg blocks, Elementor, or WPBakery.
  • Show Custom Label Instead Of Date:-
    Cool Timeline Pro provides features to show custom text in place of date/time in the timeline. You can add custom text and custom story order easily via simple settings while adding a timeline story.
  • Timeline In Any Order ASC / DESC:-
    Timeline shortcode provides an option to show timelines in any order, you can show either ascending or descending order according to your needs.
  • Show Filters In Timeline:-
    You can show category-based filters above a timeline and users can see different category-based timelines on one page by selecting a filter/category.
  • Blog Posts Timeline:-
    You can show your website blog posts on any page in a timeline layout using Cool Timeline Pro. Also, you can represent any post type in the timeline layout by simply adding a post-type slug in the timeline shortcode.
  • Ajax Load More And Pagination Support:-
    Cool Timeline Pro provides both features – pagination and loads more. If you have a lot of stories inside your timeline then you can add pagination or load more buttons after a particular number of stories in your timeline.
  • Scrolling Navigation:-
    You can show small scrolling navigation on your timeline page for quick timeline navigation. A user can quickly and easily reach a particular year story through this small timeline navigation.
  • FontAwesome or Custom Image Icons:-
    You can show font awesome or custom image icons along with every story inside your timeline.
  • Show HTML or Read More Inside Timeline:-
    You can show links, bold text, or any custom HTML tag inside timeline stories or you can also show a read more link to the full story page or any custom URL.
  • Add Any Date Format Inside Timeline:-
    You can represent timeline dates inside any date format, just add a date format inside your shortcode and it will show the date/year in your desired format. Check this URL:-
  • 15+ Animation Effects:-
    Cool Timeline Pro provides 15+ cool animation effects for a premium timeline design experience.
  • Premium Support For Pro Users:-
    We provide premium support services to our Pro users. If you face any issue while creating your dream timeline inside your website, just drop us a mail at here – and we will provide a solution in 24 hours.


  • WordPress Timeline plugin frontend view.
  • Cool Timeline story creation screen with instructions.
  • WordPress Cool Timeline general settings.
  • Cool Timeline PRO features.
  • Cool Timeline PRO Single-Sided.
  • Cool Timeline PRO Horizontal view.
  • Create any type of timeline using Cool timeline PRO.


Denne utvidinga gjev 4 blokker.

  • Cool Timeline - Instant Builder
  • Cool Timeline (Horizontal & Vertical Timeline)
  • Cool Timeline (Horizontal & Vertical Timeline)
  • Cool Timeline (Horizontal & Vertical Timeline)


3 Ways To Install Cool Timeline

  1. Automatically install our plugin via WordPress admin panel:- Open your WordPress website admin panel and go to Plugins > Click Add New & search «Cool Timeline« at here > Here you will find our plugin > Now click on install button > After this you will see a activate button > Just activate it to use Cool Timeline inside your website.
  2. Install via Zip file:- In this method first you need to download our plugin from the WordPress plugins directory. Go to & Download Cool Timeline. After this inside your WP-admin panel, click on Plugins > Add New > Upload Button. Now choose the plugin zip file that you just downloaded from the WordPress plugins directory & activate it.
  3. Install the plugin via FTP:- In this method, you also first need to download the plugin zip file from the WordPress plugins directory. After this open your FTP manager and Go to > wp-content/plugins folder. Here you need to upload the extracted version of Cool Timeline (please remember don’t upload zip files directly here). After this, you can activate the plugin from the wp-admin panel plugins page.

Create Timeline

  • After installation and plugin activation, you will find 2 extra tabs in the wp-admin panel sidebar – Timeline Stories and Cool Timeline.
  • Under the «Cool Timeline» tab, you can select different colors, fonts, and other design options for timelines according to your website style.
  • Under «** Timeline Stories**» tab, You can add all of your stories by selecting the appropriate date and year.
  • After adding all of your stories, Go to Pages > Add New, Here you can create a timeline by using our in-build short-code generator or simply place this short-code – [cool-timeline].

Final Words!

If you are facing any difficulty in Cool Timeline plugin installation then you can contact our support at here –

Vanlege spm.

How to install the Cool Timeline plugin & create a timeline?

Please check – plugin installation guide or Cool Timeline Pro documentation

Can I choose any historical date/year?

The year starts from 1970 in the free version but in pro version you can choose any historical year from 1000 to 2050 for creating a story inside Cool Timeline or you can also add custom text instead of date/year.

What is plugin shortcode & how can we use it?

Here is the full shortcode of the Cool Timeline plugin:-

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

  • [cool-timeline] = It is our default short-code syntax.
  • layout = We have five layout options (default, horizontal, one-side, simple, compact). In a simple timeline, you can create a timeline without a bigger year circle in between the stories.
  • skin = 2 skins available (default, clean)
  • date-format = You can choose any date-format to show with the stories according to your language and requirements.
  • icons = You can show(YES/NO) cool icons along with timeline stories.
  • show-posts = If you have a large timeline with a lot of stories then you can use this option to show the pagination option after a number of stories.
  • animation = We have only 1 animation effect (FadeInOut) in Cool Timeline free version. You can purchase pro for more effects.
  • order = Now easily manage timeline stories order(ASC/DESC) from shortcode.
  • story-content = (short/full) Now show full HTML content or short description with read-more inside timeline stories.

Can I see an online demo?

For the Pro demo please check –

Can I convert my blog posts into a timeline?

No, This facility is only available in Cool Timeline PRO version. You can only create a blog/content timeline using Cool Timeline Pro

Can I create multiple timelines based on different categories?

The timeline category option is only available in our Pro version so you need to purchase pro if you want to create category-specific multiple timelines.

Can I choose custom colors and fonts?

Yes, You can choose 2 custom colors and any font family from our font list according to your website style. These colors will automatically apply to all of your timeline stories in an alternative way.

Can I hide a bigger circular year circle?

Yes, You need to select «simple» layout while adding the shortcode. In this shortcode, you can create a timeline by hiding a bigger year circle.

Is it possible to create both horizontal & vertical timelines?

You can only create vertical timeline in our free version. But We have cool design options to create both vertical and horizontal timelines in our Pro version.

Do you have any support email for extra questions?

Yes, You can contact us anytime at here – We will try to provide an answer within 24 hours.

Can, I customize the plugin with Hooks?

Yes, You can easily customize the main elements of timeline stories using below mentioned hooks.

// customize Stories dates format
function ctl_story_date_filter($format) {
    // you can find a complete list of date formats from-
    return $format;

function ctl_story_content_filter($content) {
    return $content;

// changes stories images size
function ctl_story_image_size_filter($img_size) {
    // thumbnail:- Thumbnail (150 x 150 hard cropped)
    // medium :- Medium resolution (300 x 300 max height 300px)
    //'medium_large' :- Medium Large (added in WP 4.4) resolution (768 x 0 infinite height)
    //'large':- Large resolution (1024 x 1024 max height 1024px)
    //'full':- Full resolution (original size uploaded)
    // array(200,200): custom size
    return $img_size;

// change read-more text
function ctl_stories_readmore($read_more_text) {
    return $read_more_text;


21. september 2022
Free version seems fully featured, but simply limited to a single timeline - a very fair freemium model (take note, WP devs!) Takes a few minutes to understand how it works, but soon becomes quick & easy to enter all your timeline boxes with both text and images. Displays well at all screen sizes, slick animation options, and it's easy to swap between styles. 5/5 ⭐⭐⭐⭐⭐
Les alle 268 omtalar

Bidragsytarar og utviklarar

“Cool Timeline (Horizontal & Vertical Timeline)” is open source software. The following people have contributed to this plugin.


“Cool Timeline (Horizontal & Vertical Timeline)” er omsett til 2 språk. Takk til omsetjarane for bidraga deira.

Omset “Cool Timeline (Horizontal & Vertical Timeline)” til ditt eige språk.

Interested in development?

Les kjeldekoden, sjekk SVN-lageret eller abonner på utviklingsloggen med RSS.


Version 2.4.5 | 28/09/2022

  • Improved:-Minor textual changes

Version 2.4.4 | 15/04/2022

  • Improved:-Used sanitize_text_field and removed PHP filter vars

Version 2.4.3 | 14/04/2022

  • Improved:-Updated settings framework latest version

Version 2.4.2 | 08/04/2022

  • Improved:- Updated settings framework latest version
  • Improved:- replace date function with gmdate() for better date function support.
  • Improved: escaped attribute and HTML output in overall code.

Version 2.4.1 | 06/04/2022

  • Improvements:- Removed all CDN and external images and JS file links.
  • Improvements:- loaded all images from the plugin folder.

Version 2.4 | 05/04/2022

  • Fixed: Major security issue.
  • Improved: overall code improvements.

Version 2.3.3 | 02/02/2022

  • New: Quick Date Select Button in Timeline Story Setting meta box
  • Fixed: Pagination issue on the home page.
  • Fixed: Minor CSS issue in horizontal Layouts.

Version 2.3.2 | 17 Nov 2021

  • Improved: Added check for WordPress 4.9 versions.

Version 2.3 | 09 Nov 2021

  • New: Added image size option, Font Awesome icons, color and typography settings for each element of Cool Timeline Gutenberg Timeline Block
  • New: Added right-aligned one-sided timeline layout in Cool Timeline Gutenberg Timeline Block
  • New: Story position(left/right) option or both-sided layout of Cool Timeline Gutenberg Timeline Block

Version 2.2.3 | 22 Oct 2021

  • Fixed: Fixed missing icon issue
  • Fixed: Loaded settings framework only on cool_timeline post type and settings panel
  • Fixed: Conflict with WP Quiz PRO and CMB2
  • Improved: Minor code improvements

Version 2.2.2 | 07 Oct 2021

  • Fixed: Shortcode generator generating the wrong shortcode
  • Fixed: review notice bug

Version 2.2 | 05 Oct 2021

  • Added: integrated New settings panel
  • Added: integrated New meta boxes and shortcode generator
  • Added: Vertical story position settings
  • Improved: improved overall code managed codes in functionality base class
  • Improved: managed assets management in a standalone class
  • Improved: folder structure

Version 2.1 | 13 July 2021

  • Added: Story Ordering/sorting feature in Instant timeline builder block
  • Added: Extended support for older Years from 1800 to 1970 years and dates
  • Added:- Alt tag in Instant Timeline Builder images
  • Fixed: VC addon integration not working
  • Fixed: story wrong order bug
  • Fixed:- Timeline Year issue in the Spanish language
  • Updated: Gutenberg Timeline block code and libraries
  • Updated: Deprecated libraries from timeline block
  • Updated: tested up to 5.8
    More:- check changelog.txt file here.