Pillar Chapter Title 01
Renders a chapter marker for long-form pillar pages: a bordered pill label like 'Chapter 1', a heading, an optional description richtext block, and an optional row of CTA buttons.
Choose it over pillar-cover-01 or the nav-toc modules when you need a simple section-break title inside the body of a pillar page rather than a full page cover or a jump-link table of contents. It has no image or form fields, so it works best as a lightweight divider between content blocks, not as a hero or lead-gen unit.
Use cases
- Pillar page chapter divider
- Numbered section intro on long-form content
- Chapter heading with optional cta button
- Content break between pillar sections
- Table of contents chapter marker
Where it fits
- Included with: PRO
- Page sections: Content, Cta, Steps
Editable fields
Content tab
| Field | Type | Notes |
|---|---|---|
| Background Video | File | Repeats: min 0, default 1. Add multiple file formats in order to provide compatibility with a broad range of browsers. |
| Background Video Tablet | File | Repeats: min 0, default 1. This background video will only be used on tablet devices. |
| Background Video Mobile | File | Repeats: min 0, default 1. This background video will only be used on mobile devices. |
| Enabled | Boolean | |
| ID | Text | Assign a ID to the module. |
| Class | Text | Assign a CLASS to the module. |
| Label | Text | |
| Label Color | Choice | 12 options, including Auto, Primary, Secondary. |
| Description | Rich text | |
| Lead Text | Boolean | Turn on to make the Description text larger. |
| Remove From TOC Modules | Boolean | Activate to exclude this item from appearing in the Pillar Nav TOC 01 and Pillar Nav TOC 02 modules. |
Heading Repeats: min 0, default 1.
| Field | Type | Notes |
|---|---|---|
| Heading | Text | |
| Size | Choice | HTML heading size. Options: H1, H2, H3, H4, H5, H6, P. |
| Display Size | Choice | Size that heading is displayed at. 12 options, including Auto, H1, H2. |
| Color | Choice | 15 options, including Auto, Primary, Secondary. |
| Color | Color | |
| Align | Choice | Options: Auto, Left, Center, Right. |
| CSS Class | Text |
CTA Repeats: min 0, default 0.
| Field | Type | Notes |
|---|---|---|
| CTA Type | Choice | Options: HubSpot CTA, HubSpot Payment, Button, Modal. |
| CTA Style | Choice | 26 options, including Primary, Secondary, Tertiary. |
| CTA | CTA | |
| Button Text | Text | |
| Modal Target | Text | |
| Link | Link | |
| Payment link | Payment | |
| Checkout behavior | Choice | Options: Open in a new tab, Sliding overlay. |
| CTA Size | Choice | Options: Small, Default, Large. |
| Add icon | Boolean |
CTA › Default
| Field | Type | Notes |
|---|---|---|
| Background | Color | |
| Text | Color | |
| Border | Color |
CTA › Hover
| Field | Type | Notes |
|---|---|---|
| Background | Color | |
| Text | Color | |
| Border Color | Color |
CTA › Icon
| Field | Type | Notes |
|---|---|---|
| Icon | Icon | |
| Position | Choice | Options: Left, Right. |
| Purpose | Choice | The purpose of the icon, used for accessibility. If set to decorative, an additional attribute of aria-hidden="true" will be added to the icon. Options: Decorative, Semantic. |
Style tab
Change log
| Version | Change |
|---|---|
| 4.0.0 | Stardust update |
| 3.2.0 | Added responsive background options |
| 3.1.0 | Added option exclude from appearing in the Pillar Nav TOC 01 and Pillar Nav TOC 02 modules |
| 3.0.3 | Added new Link options |
| 3.0.2 | Added CTA field |
| 3.0.1 | Minor Fixes |
Multistep Form
Renders an optional intro panel with label, heading, description and start button, followed by a multistep form with 3 tabbed steps by default, each step carrying its own tab label, tab name, up to 3 field groups, and previous or next buttons.
Pillar Cover 01
This module renders a large hero-style cover section for a pillar page, with a bordered chapter label, a heading with adjustable size and color, a rich text description, an optional set of CTA buttons, and an author name with link and date.