HubSpot Development Insights by Studio Nope

Docs & Table of Contents Pro: A Documentation Module for HubSpot CMS

Written by StudioNope | Jun 3, 2026 9:58:21 AM

Long pages are where HubSpot CMS gets awkward. Documentation, knowledge bases, API references, and long policy pages all need a table of contents, and HubSpot does not give you one. So you either hand-build anchor links and keep them in sync by hand, or you paste in a script and hope it survives the next edit.

Docs & Table of Contents Pro builds the table of contents for you. Drop your content in as rich text and the module scans your headings, generates clean anchors, highlights the active section as you scroll, and keeps a sticky table of contents pinned beside your content. It is available on the HubSpot Marketplace for $19.99.

The problem with long-form content on HubSpot CMS

HubSpot has no native table of contents. On a short page that does not matter. On a documentation page with twenty headings, it does. Visitors land halfway down from a search result with no sense of where they are, support cannot link to an exact section, and there is no way to jump around. The usual workarounds are fragile: hand-written anchor links that drift out of sync the moment you reorder a section, or a third-party script that breaks on the next editor change.

What Docs & Table of Contents Pro does

The module reads the headings in your content and builds the table of contents on its own. It generates clean, deep-linkable anchor slugs, dedupes duplicate headings so two sections named the same thing still get unique links, and handles emoji safely. As the reader scrolls, a live highlight tracks the section they are in. A configurable sticky offset keeps the table of contents and the scroll tracking clear of a fixed header. You choose the depth: H2 only, H2 and H3, or H2 through H4.

Docs, FAQ, and Contact in one module

Beyond the table of contents, the module holds three sections you can switch between in place, with no page reloads and no separate URLs: your documentation, an FAQ, and a contact tab with a live HubSpot form embedded. Every section is optional. Keep all three for a full help center, or strip it down to a single pure-docs page. The FAQ section emits FAQPage structured data automatically, so your questions are eligible for rich results.

Three layouts

Sticky Right Rail keeps the table of contents pinned to the right of your content. Sidebar Left puts it in a left navigation column. Top Bar runs it horizontally above the content. Pick the structure that fits the page and switch it from the editor without rebuilding anything.

Live search and a mobile drawer

A built-in search box filters the table of contents and content live as the visitor types, which keeps long documents navigable. On small screens the table of contents collapses into a drawer, an accordion, or hidden, whichever you choose, so it never crowds the content on mobile.

Built for SEO

The module emits JSON-LD structured data, TechArticle or Article for the documentation and FAQPage for the FAQ section, so your docs and FAQs are eligible for rich results in search. The clean deep-link anchors make individual sections shareable and linkable, which is exactly what you want when support or sales sends someone to a specific part of your docs.

Fully themed, every string editable

Every element is controlled from the Style tab: colors, typography, spacing, borders, radius, shadows, the search box, the contact card, and the active-section indicator each have dedicated controls. Every visible label, placeholder, and message is its own field, so the whole module translates to any language. It ships with monochrome developer-doc defaults, clean black, white, and gray that work with any brand, and it is keyboard and ARIA accessible throughout. Pure vanilla JavaScript, no jQuery, works on any HubSpot template with no theme required.

What you can build with it

Product documentation. Long-form docs with a table of contents that tracks scroll position, deep links so support can share an exact section, and a mobile drawer.

Knowledge base or help center. Docs, FAQ, and Contact in a single module. Visitors read, search, and reach a form in place.

API and developer reference. Heading depth up to H2 through H4, emoji-safe anchors, and a sticky offset for fixed headers on long technical pages.

Policy and legal pages. Terms, privacy, and compliance pages turned into something a reader can navigate, with a sticky table of contents and clean anchor links.

Works on any HubSpot portal

Docs & Table of Contents 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 and no external libraries.

Get Docs & Table of Contents Pro

Docs & Table of Contents Pro is available on the HubSpot Marketplace for $19.99. See the full feature breakdown, or browse all Studio Nope modules.