--- title: "Timeline Block Pro For Gutenberg" url: https://cooltimeline.com/plugin/timeline-block-pro-for-gutenberg/ date: 2025-11-04 modified: 2026-09-01 lang: en author: "cpsatinder" description: "Timeline Block Pro Gutenberg Timeline Block for Stunning Stories Create horizontal and vertical story timelines in Gutenberg using an easy drag-and-drop and with support of images and videos. 9,000+ Active..." image: https://cooltimeline.com/wp-content/uploads/2025/11/timeline_block_gutenberg.png word_count: 1486 --- # Timeline Block Pro For Gutenberg Timeline Block Pro # Gutenberg Timeline Block for Stunning Stories Create horizontal and vertical story timelines in Gutenberg using an easy drag-and-drop and with support of images and videos. ### 9,000+ Active Installs ### 10+ Reviews on WP.org Buy Plugin [ View Demos ](/demo/timeline-block-pro/) https://youtu.be/5f0NgGPcBuU?si=noV2pstvqgBqw0Ak ![user-img](https://cooltimeline.com/wp-content/uploads/2025/10/user-img-red-bg.png) **174+** reviews on  ![Trustpilot](https://eventscalendaraddons.com/wp-content/uploads/2025/09/trustpilot-main-logo-80.png) ![](https://cooltimeline.com/wp-content/uploads/2025/10/icon-timeline-block-150x150.png) ### Timeline Block Pro Features Demos Reviews [ Docs ](/docs/timeline-block-pro/) [ Changelog ](/doc/changelog-timeline-block/) View Pricing [ Bundle Discount ](/pricing/) ### Plugin Features Layout Settings![](https://cooltimeline.com/wp-content/uploads/2025/11/layout-setting.avifs)Choose between **Horizontal** and **Vertical **(one-sided or both-sided) timeline layouts to display your stories. Media Setting![](https://cooltimeline.com/wp-content/uploads/2025/11/media-query.avifs)Add images, youtube videos and slideshows to your timelines. Connector Style![](https://cooltimeline.com/wp-content/uploads/2025/11/connector-style.avifs)Choose how your timeline elements should be connected - **Arrow**, **Line**, or **None**. Move Element Position![](https://cooltimeline.com/wp-content/uploads/2025/11/move-position.avifs)Easily rearrange your story content using the **up and down** arrows. Year Label & Scrolling Navigation![](https://cooltimeline.com/wp-content/uploads/2025/11/YearLabel-Scrolling-Navigation.avifs)Add personalized text labels to display important details like dates, years, event names, or step numbers. Story Icon![](https://cooltimeline.com/wp-content/uploads/2025/11/story-icon.avifs)Customize your timeline stories using **Dot**, **Icon**, **Image**, or **Text.** ### Unlock the Full Potential of Your Timelines A timeline plugin isn’t just for displaying your history! ### Timeline Layouts & Designs Create beautiful vertical & Horizontal timelines. ### Year Labels & Navigation. Show year labels for story and year navigation. ### Images Icons & Image Slider Use images as icons and media in sliders. ### Animation Settings Add different type of animations to story. [ View More Demos ](/demo/timeline-block-pro/) ![](https://cooltimeline.com/wp-content/uploads/2025/10/icon-timeline-block.png) Timeline Block Pro ### Pricing Plans ### Annual License For 1 Website • 1 Year Plugin Updates 25% OFF $25 $19 / year License 1 Website 5 Websites 25 Websites [ Buy Plugin — $19 ](https://my.coolplugins.net/checkout/?add-to-cart=89&apply-coupon=offer-tmy) ⚡ Extra discount available — Apply Discount - Use on 1 website - 1 year of plugin updates - 1 year of premium support Best Value ### Lifetime License For 1 Website • Lifetime Plugin Updates 10% OFF $65 $59 / one-time License 1 Website 5 Websites 25 Websites [ Buy Plugin — $59 ](https://my.coolplugins.net/checkout/?add-to-cart=92&apply-coupon=tml-off10) ⚡ Extra discount available — Apply Discount - Use on 1 website - Lifetime plugin updates - Lifetime premium support SAVE $$$ ### Get All Timeline Plugins Bundle & Save More 4 plugins bundle at a discounted price - ![](https://my.coolplugins.net/wp-content/uploads/2024/07/icon-timeline-block.png) Timeline Block for Gutenberg (Pro) - ![](https://my.coolplugins.net/wp-content/uploads/2025/09/icon-divi-timeline.png) Timeline Module for Divi (PRO) - ![](https://my.coolplugins.net/wp-content/uploads/2024/07/icon-timeline-widget-elementor.png) Timeline Widget for Elementor (Pro) - ![](https://my.coolplugins.net/wp-content/uploads/2024/07/icon-cool-timeline.png) Cool Timeline Pro Starting at $128 UP TO 84% OFF $59 / year [ View Bundle Pricing ](https://cooltimeline.com/pricing/) 14-Day Money Back Guarantee Your purchase is protected with our 14-day money-back guarantee. Secure SSL encrypted payment by PayPal & Stripe (Credit & Debit Cards) ![](https://cooltimeline.com/wp-content/uploads/2025/10/secure-payment-coolplugins.png) ### Loved by Timeline Plugin Users Read genuine feedback from users who enhanced their websites with our Timeline Plugins. ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) Perfect for creating a portfolio timeline on a WordPress install. Happy with the results ![](https://cooltimeline.com/wp-content/uploads/2025/11/melrauinaz.jpeg) @melrauinaz ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) Nice plugin for gutenberg timeline. Easy to use and functional. ![](https://cooltimeline.com/wp-content/uploads/2025/11/brain168.png) @brain168 ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) Their plugin is excellent, but their support is even better. Truly incredible! ![Chanutphon](https://cooltimeline.com/wp-content/uploads/2025/11/Chanutphon.png) @chanutphon ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) Top Support and an overall solid plugin. I will recommend their products to other developers. ![George](https://cooltimeline.com/wp-content/uploads/2025/11/George.png) @george ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) excellent plugin very easy to use and extremely fast response to my support email ![Neil White](https://cooltimeline.com/wp-content/uploads/2025/11/Neil-White.png) @neil_white ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) Very quick response and the issue was resolved to my satisfaction. Good job. ![](https://cooltimeline.com/wp-content/uploads/2025/11/Wayne-Haston.png) @wayne_haston ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) Amazing experience. The support stuff are amazing. Specially Joyti. Amazing guys ![](https://cooltimeline.com/wp-content/uploads/2025/11/Md.-Habibur-Rahman.png) @md_habibur_rahman ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) Perfect for creating a portfolio timeline on a WordPress install. Happy with the results ![](https://cooltimeline.com/wp-content/uploads/2025/11/melrauinaz.jpeg) @melrauinaz ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) Nice plugin for gutenberg timeline. Easy to use and functional. ![](https://cooltimeline.com/wp-content/uploads/2025/11/brain168.png) @brain168 ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) Their plugin is excellent, but their support is even better. Truly incredible! ![Chanutphon](https://cooltimeline.com/wp-content/uploads/2025/11/Chanutphon.png) @chanutphon ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) Top Support and an overall solid plugin. I will recommend their products to other developers. ![George](https://cooltimeline.com/wp-content/uploads/2025/11/George.png) @george ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) excellent plugin very easy to use and extremely fast response to my support email ![Neil White](https://cooltimeline.com/wp-content/uploads/2025/11/Neil-White.png) @neil_white ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) Very quick response and the issue was resolved to my satisfaction. Good job. ![](https://cooltimeline.com/wp-content/uploads/2025/11/Wayne-Haston.png) @wayne_haston ![review-quote](/wp-content/uploads/2025/10/double_quote.svg) ![review-stars](/wp-content/uploads/2025/10/five-star.svg) Amazing experience. The support stuff are amazing. Specially Joyti. Amazing guys ![](https://cooltimeline.com/wp-content/uploads/2025/11/Md.-Habibur-Rahman.png) @md_habibur_rahman ![user-img](https://cooltimeline.com/wp-content/uploads/2025/10/user-img-red-bg.png) **174+** reviews on ![](https://cooltimeline.com/wp-content/uploads/2025/10/trustpilot-main-logo-80-300x74.png) #### Frequently Asked Questions... ###### I need help with a plugin... what should I do? ![](https://cooltimeline.com/wp-content/uploads/2025/10/cool-team.png) ###### We’re Known for Our Support! Stuck somewhere? Reach out to our helpful team for fast and friendly assistance. [ Contact Support ](/support/) What is Timeline Block Pro? Timeline Block Pro is a **Gutenberg timeline plugin** for WordPress that lets you create beautiful horizontal and vertical story timelines. It supports images, videos, slideshows, custom labels, icons, and animations, making it easy to showcase events, milestones, or step-by-step processes directly in the Gutenberg editor. How to create horizontal or vertical timelines in Gutenberg? You can easily create horizontal or vertical story timelines directly in the Gutenberg editor with **Timeline Block Pro**. Choose from one-sided or both-sided layouts and drag-and-drop your stories to display your content exactly the way you want. What happens if I move my website from staging to live? You can deactivate the license from your staging site and activate it on your live site. If needed, you can also reset or [manage activations](https://cooltimeline.com/doc/license-timeline-block-for-gutenberg/) from your account dashboard. I bought the wrong plugin. Can I get a refund? Yes. If you purchased the wrong version (for example, Elementor instead of Divi), you can request a refund within the refund period. Can I use Timeline Block Pro outside Gutenberg? No. Timeline Block Pro is designed specifically for the Gutenberg editor and can only be used on Gutenberg pages. If you want to use a timeline plugin with other page builders: - Elementor: Use [**Timeline Widget Pro**](https://cooltimeline.com/plugin/elementor-timeline-widget-pro/) for drag-and-drop timeline creation.- WordPress Classic or shortcode-based timelines: Use [**Cool Timeline Pro**](https://cooltimeline.com/plugin/cool-timeline-pro/).- Divi Builder: Use [**Timeline Module for Divi**](https://cooltimeline.com/plugin/timeline-module-for-divi) to add custom timelines within Divi pages.This way, you can choose the right timeline solution depending on your page builder. Can I add images, videos, or slideshows to my timeline stories? Yes. The plugin supports images, YouTube videos, and image sliders, making it easy to enhance each story with rich media for a more engaging timeline. Can I reorder items in Timeline Block Pro? Yes. Timeline Block Pro lets you reorder your timeline stories using the drag-and-drop feature in Gutenberg. You can also set the timeline order in ascending (ASC) or descending (DESC) order, allowing you to display events or milestones exactly how you want. Can I add a story between existing timeline stories? Yes. In Timeline Block Pro, you can insert a new story between existing ones. Simply click on the story block where you want to add it and use the “+” icon in the settings panel to insert the new story at that position. Can I add custom labels, dates, or step numbers to my timeline? Yes. You can add year labels, event names, dates, or step numbers to each story. The plugin also supports scrolling navigation for large timelines. Can I change the colors in Timeline Block Pro? Yes. You can easily customize colors in Timeline Block Pro through the block settings panel. Use the Style tab to adjust font colors, and the Advanced tab to modify colors for story icons, borders, year labels, center line, and story backgrounds. Can I view the documentation and live demos for Timeline Block Pro? Yes. You can explore the full [**Timeline Block Pro documentation**](https://cooltimeline.com/docs/timeline-block-pro/) to learn how to create and customize timelines step-by-step. You can also check out the [live demos](https://cooltimeline.com/plugin/timeline-block-pro-for-gutenberg/#demos) to see all vertical, horizontal, one-sided, and advanced timeline layouts in action. What is your refund policy for plugin purchases? We offer a **14-day risk-free money-back guarantee** on all premium plugin purchases. If you’re not satisfied, just contact us and we’ll process your refund. ![🔗](https://s.w.org/images/core/emoji/16.0.1/svg/1f517.svg) [Read our refund policy here](https://my.coolplugins.net/terms/refund-policy/) Timeline Block Pro is a **Gutenberg timeline plugin** for WordPress that lets you create beautiful horizontal and vertical story timelines. It supports images, videos, slideshows, custom labels, icons, and animations, making it easy to showcase events, milestones, or step-by-step processes directly in the Gutenberg editor. You can easily create horizontal or vertical story timelines directly in the Gutenberg editor with **Timeline Block Pro**. Choose from one-sided or both-sided layouts and drag-and-drop your stories to display your content exactly the way you want. You can deactivate the license from your staging site and activate it on your live site. If needed, you can also reset or [manage activations](https://cooltimeline.com/doc/license-timeline-block-for-gutenberg/) from your account dashboard. Yes. If you purchased the wrong version (for example, Elementor instead of Divi), you can request a refund within the refund period. No. Timeline Block Pro is designed specifically for the Gutenberg editor and can only be used on Gutenberg pages. If you want to use a timeline plugin with other page builders: - Elementor: Use [**Timeline Widget Pro**](https://cooltimeline.com/plugin/elementor-timeline-widget-pro/) for drag-and-drop timeline creation.- WordPress Classic or shortcode-based timelines: Use [**Cool Timeline Pro**](https://cooltimeline.com/plugin/cool-timeline-pro/).- Divi Builder: Use [**Timeline Module for Divi**](https://cooltimeline.com/plugin/timeline-module-for-divi) to add custom timelines within Divi pages.This way, you can choose the right timeline solution depending on your page builder. Yes. The plugin supports images, YouTube videos, and image sliders, making it easy to enhance each story with rich media for a more engaging timeline. Yes. Timeline Block Pro lets you reorder your timeline stories using the drag-and-drop feature in Gutenberg. You can also set the timeline order in ascending (ASC) or descending (DESC) order, allowing you to display events or milestones exactly how you want. Yes. In Timeline Block Pro, you can insert a new story between existing ones. Simply click on the story block where you want to add it and use the “+” icon in the settings panel to insert the new story at that position. Yes. You can add year labels, event names, dates, or step numbers to each story. The plugin also supports scrolling navigation for large timelines. Yes. You can easily customize colors in Timeline Block Pro through the block settings panel. Use the Style tab to adjust font colors, and the Advanced tab to modify colors for story icons, borders, year labels, center line, and story backgrounds. Yes. You can explore the full [**Timeline Block Pro documentation**](https://cooltimeline.com/docs/timeline-block-pro/) to learn how to create and customize timelines step-by-step. You can also check out the [live demos](https://cooltimeline.com/plugin/timeline-block-pro-for-gutenberg/#demos) to see all vertical, horizontal, one-sided, and advanced timeline layouts in action. We offer a **14-day risk-free money-back guarantee** on all premium plugin purchases. If you’re not satisfied, just contact us and we’ll process your refund. ![🔗](https://s.w.org/images/core/emoji/16.0.1/svg/1f517.svg) [Read our refund policy here](https://my.coolplugins.net/terms/refund-policy/)