Almost every site needs to show a sequence at some point. How it works, in three or four steps. A company timeline. An onboarding flow. A delivery process for a sales page. On HubSpot CMS that usually means hunting for a module that does the one layout you want, then finding a different module the next time the layout changes.
Process Timeline Pro gives you five of those layouts in a single module. Add your steps once, pick a layout from a dropdown, and publish. It is available on the HubSpot Marketplace for $9.99.
Five layouts in one module
Process Timeline Pro covers the five sequences people actually build: a horizontal "how it works" row of steps, a vertical timeline, an alternating milestone spine, a grid of numbered cards, and a progress tracker. They all read from the same data, so you switch between them with a single dropdown instead of rebuilding the section. Every layout is responsive and collapses neatly on mobile.
One repeater, any length
Add your steps once in a single repeater and reuse them across every layout. Each step can show an image, an icon, or just text, and you can reorder, add, or remove a step without relinking anything: the connectors and numbering update on their own. That keeps a long process as easy to manage as a three-step explainer.
Markers your way
Markers can be numbers, Roman numerals, letters, dots, or Font Awesome icons picked straight from HubSpot's icon picker. That small choice is what lets the same module read as a numbered how-it-works on one page and a dated milestone timeline on another, without any custom work.
Style every pixel from the editor
Everything is editable from the Style tab: fonts, colors, markers, connectors, card background, border, shadow, padding, and animation. It inherits your theme and nothing is hardcoded, so it looks right with the defaults and matches your brand without writing a line of CSS.
Fast, accessible, and SEO-ready
It is about 8KB of vanilla JavaScript with no jQuery, so it stays light on any page. The scroll animations respect reduced-motion settings, the markup uses proper lists with a heading level you choose, and you can turn on HowTo or ItemList JSON-LD with deep-linkable steps when you want a how-it-works or step-by-step section eligible for rich results. On phones the horizontal layout stacks and the alternating one moves to a single side, so the connectors stay tidy.
What you can build with it
How it works. A clean horizontal row of numbered steps for a homepage or product page, with HowTo schema turned on.
Company timeline. A vertical or alternating milestone spine for an about page, each entry dated and described.
Onboarding or roadmap. A progress tracker that shows where a process stands, or a grid of numbered cards for an onboarding flow.
Service or sales process. Walk prospects through your delivery process step by step, branded to match your theme.
Works on any HubSpot portal
Process Timeline Pro is a standalone module. Install it in any HubSpot CMS portal and drop it on any page, including website pages, landing pages, and blog posts. It works with all HubSpot plans, with no theme dependency, no jQuery, and no HubDB.
Get Process Timeline Pro
Process Timeline Pro is available on the HubSpot Marketplace for $9.99. See the full feature breakdown, or browse all Studio Nope modules.