Showcase your story, company history, events, or roadmap using stunning vertical or horizontal timeline layouts.
- Overview
- Demos
- Features
- Installation
- Quick Start
- Usage
- Shortcodes
- Gutenberg Blocks
- Customization
- Pro Features
- Use Cases
- FAQ
- Support
- Changelog
Cool Timeline is a powerful WordPress plugin that helps you create beautiful, interactive timelines for your website. Whether you want to showcase your company's history, product roadmaps, personal stories, or key events, this plugin provides the tools you need with both vertical and horizontal layouts.
- Easy to Use: Create timelines using Gutenberg blocks or simple shortcodes
- Responsive Design: Works perfectly on all devices and screen sizes
- Multiple Layouts: Choose from vertical, horizontal, and compact timeline designs
- Highly Customizable: Extensive styling options to match your brand
- Page Builder Compatible: Works with Gutenberg, Elementor, Divi, and other page builders
🎥 Watch Demo Video – See Cool Timeline in action with a comprehensive walkthrough.
-
Cool Timeline [Free] – Create vertical history timelines using a simple shortcode in the classic editor. View Demo
-
Cool Timeline PRO [PRO] – Add advanced features like horizontal layout, multiple timelines, and advance timeline blocks . View Demo
-
Timeline Widget For Elementor [Free] – Build vertical and horizontal timelines visually inside Elementor. View Demo
-
Timeline Widget For Elementor PRO [PRO] – Unlock more layouts, skins, and styling options for Elementor timelines. View Demo
-
Timeline Block For Gutenberg [Free] – Design beautiful vertical timelines using Gutenberg blocks. View Demo
-
Timeline Block For Gutenberg PRO [PRO] – Add advanced timeline layouts and extra design controls in the block editor. View Demo
-
Timeline Module For Divi – Add stunning timelines to Divi pages using a dedicated module. View Plugin
-
Timeline Module Pro For Divi [PRO] – Extend Divi’s timeline module with extra styles, layouts, and customizations. View Demo
- 📱 Responsive Design: Mobile-friendly timelines that look great on all devices
- 🎨 Multiple Layouts: Vertical, horizontal, and compact timeline designs
- 📝 Gutenberg Support: Native block editor integration with timeline blocks
- 🔗 Shortcode Support: Easy integration with classic editor and page builders
- 📅 Date Formatting: Flexible date display options
- 🔄 Sorting Options: ASC/DESC ordering for timeline stories
- 🎯 Custom Icons: Use custom icons or dots for timeline markers
- 📄 Pagination: Manage large timelines with pagination
- 🌍 RTL Support: Right-to-left language support
- 🌐 Translation Ready: Multi-language support
- 🎬 Multimedia Support: Add images, videos, and slideshows to timeline stories
- 🏷️ Category Filtering: Filter timeline stories by categories
- ⚡ AJAX Loading: Load more stories without page refresh
- 🎭 Animation Effects: Smooth animations for timeline interactions
- 🎨 Custom Styling: Extensive color and typography customization
- 📊 Multiple Timelines: Create and manage multiple timelines on one site
- Log in to your WordPress admin panel
- Navigate to Plugins > Add New
- Search for "Cool Timeline"
- Click Install Now next to "Cool Timeline"
- Click Activate to enable the plugin
- Download the plugin from WordPress.org
- Extract the ZIP file
- Upload the
cool-timelinefolder to/wp-content/plugins/ - Activate the plugin through the Plugins menu
- Download and extract the plugin files
- Upload the
cool-timelinefolder to/wp-content/plugins/via FTP - Activate the plugin in WordPress admin
- Install & Activate the Cool Timeline plugin
- Add Timeline Stories:
- Go to Timeline > Add New Story
- Set a title and description
- Choose a date for your story
- Add an image (optional)
- Publish the story
- Display the Timeline:
- Use the Gutenberg block: Add a new block and search for "Timeline"
- Or use shortcode:
[cool-timeline]
- Create a new post or page
- Add a new block and search for "Timeline"
- Select the "Cool Timeline" block
- Configure your timeline settings
- Publish your content
Timeline stories are created as custom post types. Each story represents an event or milestone in your timeline.
Story Fields:
- Title: The main heading for your timeline event
- Description: Detailed content about the event
- Date: When the event occurred
- Image: Visual representation (optional)
- Icon: Custom icon for the timeline marker (optional)
Event 1
↓
Event 2
↓
Event 3
Event 1 → Event 2 → Event 3
A condensed version for displaying many events efficiently.
[cool-timeline][cool-timeline layout="default" skin="default" date-format="F j" icons="YES" show-posts="20" order="DESC" story-content="full"]| Parameter | Description | Default | Options |
|---|---|---|---|
layout |
Timeline layout type | default |
default, horizontal, compact |
skin |
Visual theme | default |
default, modern, elegant |
date-format |
Date display format | F j |
WordPress date format |
icons |
Show timeline icons | YES |
YES, NO |
show-posts |
Number of stories to display | 20 |
Any number |
order |
Story ordering | DESC |
ASC, DESC |
story-content |
Content display type | full |
full, excerpt |
The plugin includes a native Gutenberg block for easy timeline creation:
- Add Block: Search for "Timeline" in the block inserter
- Configure Settings: Use the block sidebar to customize appearance
- Preview: See your timeline in real-time
- Publish: Your timeline is ready to display
- Live Preview: See changes instantly
- Story Management: Add, edit, and reorder stories directly
- Styling Options: Customize colors, fonts, and spacing
- Responsive Controls: Adjust mobile and desktop appearance
The plugin provides extensive customization through the admin panel:
- Colors: Timeline line, icons, text, and background colors
- Typography: Font family, size, weight, and spacing
- Layout: Spacing, alignment, and positioning
- Animations: Transition effects and timing
Add custom CSS to further customize your timelines:
/* Custom timeline styling */
.cool-timeline {
background: #f5f5f5;
border-radius: 8px;
padding: 20px;
}
.cool-timeline .timeline-item {
border-left: 3px solid #007cba;
margin-bottom: 20px;
padding-left: 20px;
}Upgrade to Cool Timeline Pro for advanced features:
- Horizontal Timeline: Side-scrolling timeline layout
- One-Side Timeline: Single-column layout for better readability
- Compact Timeline: Space-efficient design for many events
- Category-Based Timelines: Filter stories by categories
- Custom Labels: Use text labels instead of dates
- Multimedia Support: Images, videos, and slideshows
- AJAX Load More: Load additional stories without page refresh
- Multiple Timelines: Create and manage several timelines
- Scrolling Navigation: Quick navigation through long timelines
- Premium Support: Dedicated customer support
- Advanced Animations: Enhanced visual effects
- Company History: Showcase your company's journey and milestones
- Product Roadmaps: Display product development phases
- Achievement Timeline: Highlight awards and recognitions
- Project Milestones: Track project progress and deadlines
- Personal Journey: Share your life story or career progression
- Portfolio Timeline: Display work history and projects
- Event Planning: Outline event schedules and phases
- Wedding Timeline: Capture important moments and dates
- Historical Events: Document important historical milestones
- School History: Showcase academic achievements and events
- Non-Profit Impact: Display organization initiatives and results
- Research Timeline: Track research phases and discoveries
How do I create a timeline?
Create timeline stories in the admin panel, then display them using shortcodes or Gutenberg blocks.
Can I use any historical date?
Free version supports dates from 1970. Pro version supports dates from 1000–2050.
Is the plugin mobile-friendly?
Yes, all timelines are fully responsive and work on all devices.
Can I create multiple timelines?
Yes, you can create multiple timelines and display them on different pages.
Does it work with page builders?
Yes, it’s compatible with Gutenberg, Elementor, Divi, WPBakery, and other page builders.
Is it translation-ready?
Yes, the plugin supports German, French, Spanish, and more.
Can I customize the styling?
Yes—extensive options via admin settings and custom CSS.
Does it support RTL languages?
Yes, full right-to-left support is included.
- Documentation: Cool Timeline Docs
- Video Tutorials: YouTube Channel
- Support Forum: WordPress.org Support
- Premium Support: Available with Pro version
- Bug Reports: Use the GitHub Issues page
- Security Issues: Report via Patchstack
- Fixed: Wrong URL issue
- Added: Enhanced user opt-in options for better customization
- Updated: Org Assets update
- New: Integrated migration of timeline announcements
- Tested Up To: WordPress 6.8.1
- Updated: UTM tracking link
- Improved: Minor performance and UI enhancements
This plugin is licensed under the GPL v2 or later.
Copyright (C) 2024 Cool Plugins
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
- Plugin Homepage: Cool Timeline
- WordPress.org: Plugin Page
- GitHub Repository: Source Code
- Pro Version: Cool Timeline Pro
- Documentation: Docs
- Support: Support Forum
Made with ❤️ by Cool Plugins