---
title: Process Timeline Pro for HubSpot CMS | Studio Nope
description: "A process and timeline module for HubSpot CMS with five layouts in one: steps, vertical timeline, alternating spine, numbered cards, progress tracker. Under 8KB, SEO schema, no code."
image: https://www.studionope.com/hubfs/studio-nope-og-card.png
---

[Studio Nope](https://www.studionope.com/)

[Services](https://www.studionope.com/services) [Themes](https://www.studionope.com/themes) [Modules](https://www.studionope.com/modules) [Bundles](https://www.studionope.com/bundles) [Tools](https://www.studionope.com/tools) [Blog](https://www.studionope.com/blog) [Contact](https://www.studionope.com/contact)

HubSpot Timeline Module

# Process Timeline Pro

A HubSpot process timeline module: a how-it-works timeline with 5 layouts and HowTo/ItemList schema. (Pages, blog listing & posts.)

[Get it on HubSpot →](https://ecosystem.hubspot.com/marketplace/modules/process-timeline-pro-module-by-studio-nope) [View demo →](https://www.nopethemes.com/process-timeline-pro)

Features

## What this module does.

Process / how-it-works timeline with 5 layouts and HowTo/ItemList schema. (Pages, blog listing & posts.) Every option below is a real, editable field in the HubSpot page editor.

01

### Section header

(eyebrow, heading, richtext subheading) and steps repeater (label, title, richtext body, date/step label, image, icon, highlight/current, CTA)

02

### 5 layouts

horizontal, vertical, alternating, cards, tracker; ordered/unordered list semantics; per-item SEO tag

03

### Marker styles number/roman/letter/icon/dot with shape

circle/square/rounded/diamond; connector style solid/dashed/dotted

04

### Scroll animations none/fade/fade-up/sequence/draw with stagger

05

### Optional HowTo or ItemList JSON-LD

Pricing

## One-time price.

A one-time purchase on the HubSpot Marketplace — no subscription.

Process Timeline Pro

$24.99one-time

One-time price on the HubSpot Marketplace. Works with any theme; every option is a field in the page editor.

- Standalone HubSpot CMS module
- Full Style tab so it matches your brand
- Clean, documented HubL — no dependencies
- Free updates and support

[Get it on HubSpot →](https://ecosystem.hubspot.com/marketplace/modules/process-timeline-pro-module-by-studio-nope)

FAQ

## Common questions.

What does Process Timeline Pro do?

A HubSpot process timeline module: a how-it-works timeline with 5 layouts and HowTo/ItemList schema. (Pages, blog listing & posts.)

Do we need a developer to use it?

No. Once it is installed, every setting is a field in the HubSpot page editor, so your marketing team drops it into a page and edits it like any native module.

Can we match it to our brand?

Yes. Colors, fonts, spacing, and layout are all controlled from the module's Style tab and inherit your theme tokens, so it matches the rest of your site.

How much does it cost?

One-time purchase of $24.99 on the HubSpot Marketplace. No subscription — free updates and support included.

## Tell us whatyou're building.

Themes, modules, full builds, audits, migrations. Send the shape of it and we'll come back with a clear scope and a price.

[Get in touch →](https://www.studionope.com/contact)

[Studio Nope](https://www.studionope.com/)

© 2026 Studio Nope.  
All rights reserved.

##### Products

[Themes](https://www.studionope.com/themes)[Modules](https://www.studionope.com/modules)[Bundles](https://www.studionope.com/bundles)[Tools](https://www.studionope.com/tools)

##### Services

[Custom themes](https://www.studionope.com/services/custom-hubspot-theme-development)[Branding & design](https://www.studionope.com/services/hubspot-branding-design)[HubL & CMS dev](https://www.studionope.com/services/hubl-hubspot-cms-development)[Website builds](https://www.studionope.com/services/hubspot-website-funnel-builds)[Audits & migrations](https://www.studionope.com/services/hubspot-audits-fixes-migrations)

##### Company

[Blog](https://www.studionope.com/blog)[FAQ](https://www.studionope.com/faq)[Contact](https://www.studionope.com/contact)[Legal](https://www.studionope.com/legal)

##### Get in touch

[hello@studionope.com](mailto:hello@studionope.com)[Contact](https://www.studionope.com/contact)[YouTube](https://www.youtube.com/@Hello-Studio-Nope)[Framer](https://www.framer.com/@studionope/)

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://www.studionope.com/process-timeline-pro#breadcrumb",
  "@type" : "BreadcrumbList",
  "itemListElement" : [ {
    "@type" : "ListItem",
    "item" : "https://www.studionope.com/",
    "name" : "Home",
    "position" : 1
  }, {
    "@type" : "ListItem",
    "item" : "https://www.studionope.com/modules",
    "name" : "HubSpot Modules",
    "position" : 2
  }, {
    "@type" : "ListItem",
    "item" : "https://www.studionope.com/process-timeline-pro",
    "name" : "Process Timeline Pro",
    "position" : 3
  } ]
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://www.studionope.com/process-timeline-pro#product",
  "@type" : "Product",
  "brand" : {
    "@type" : "Brand",
    "name" : "Studio Nope"
  },
  "category" : "HubSpot CMS module",
  "description" : "A HubSpot process timeline module: a how-it-works timeline with 5 layouts and HowTo/ItemList schema. (Pages, blog listing & posts.)",
  "name" : "Process Timeline Pro",
  "offers" : {
    "@type" : "Offer",
    "availability" : "https://schema.org/InStock",
    "price" : "24.99",
    "priceCurrency" : "USD",
    "url" : "https://ecosystem.hubspot.com/marketplace/modules/process-timeline-pro-module-by-studio-nope"
  },
  "url" : "https://www.studionope.com/process-timeline-pro"
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "FAQPage",
  "mainEntity" : [ {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "A HubSpot process timeline module: a how-it-works timeline with 5 layouts and HowTo/ItemList schema. (Pages, blog listing & posts.)"
    },
    "name" : "What does Process Timeline Pro do?"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "No. Once it is installed, every setting is a field in the HubSpot page editor, so your marketing team drops it into a page and edits it like any native module."
    },
    "name" : "Do we need a developer to use it?"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "Yes. Colors, fonts, spacing, and layout are all controlled from the module's Style tab and inherit your theme tokens, so it matches the rest of your site."
    },
    "name" : "Can we match it to our brand?"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "One-time purchase of $24.99 on the HubSpot Marketplace. No subscription — free updates and support included."
    },
    "name" : "How much does it cost?"
  } ]
}
```