HubSpot Marketplace Module

Docs & Table of Contents Pro for HubSpot CMS

Auto-Generating Scroll-Spy Table of Contents with Docs, FAQ & Contact in One Module

An auto-generating, scroll-spy table of contents that builds itself from your headings. Deep-linkable anchors, duplicate-slug dedupe, emoji-safe slugs, and a live highlight that tracks your position as you scroll. Switch between Docs, FAQ, and a live HubSpot contact form in place. Three layouts, live search, a mobile drawer, and full keyboard accessibility.

Get the Module arrow_outward Works with any HubSpot CMS theme · Pure vanilla JavaScript · $19.99
Docs and Table of Contents Pro module for HubSpot CMS showing an auto-generating scroll-spy table of contents

Everything you need for a real docs experience

format_list_bulleted

Auto-Generating Scroll-Spy TOC

The table of contents builds itself from your headings, with no manual linking. Clean deep-link anchors, duplicate-heading dedupe, emoji-safe slugs, and a live highlight that tracks your position as you scroll. Choose the depth: H2, H2 and H3, or H2 through H4.

dashboard

Docs, FAQ & Contact in One Module

Switch between documentation, an FAQ, and a live HubSpot contact form in place, with no page reloads and no separate URLs. Each section is optional and keeps its own table of contents. Keep all three or strip it down to a single pure-docs page.

view_sidebar

Three Layouts

Sticky Right Rail, Sidebar Left, and Top Bar. Pick the structure that fits your page, then switch it from the editor without rebuilding content. The TOC stays pinned beside your content as the reader scrolls.

search

Live Filter and Search

A built-in search box filters the table of contents and content live as the visitor types, so long documents stay navigable. Helpful the moment your docs grow past a handful of sections.

smartphone

Mobile Drawer

On small screens the table of contents collapses into a drawer, an accordion, or hidden, whichever you choose. Readers get native-feeling navigation instead of a TOC that crowds the content.

code

SEO Structured Data

The module emits JSON-LD structured data, TechArticle or Article for the docs and FAQPage for the FAQ section, so your documentation and FAQs are eligible for rich results. A configurable sticky-offset keeps the scroll-spy accurate under a fixed header.

accessibility

Keyboard and ARIA Accessible

Full keyboard navigation and proper ARIA roles throughout. Focus-visible outlines, screen-reader friendly labels, and an interface a keyboard user can move through end to end without a mouse.

palette

Full Theming, Every String Editable

Dedicated Style controls for colors, typography, spacing, borders, radius, shadows, the search box, the contact card, and the active-section indicator. Every visible label, placeholder, and message is its own field, so the module localizes to any language. Monochrome developer-doc defaults out of the box, brand-ready in minutes.

What you can build

Docs & Table of Contents Pro fits any long-form page that benefits from structure and navigation. Here are four common uses.

Product documentation

Long-form docs with an auto-TOC that tracks scroll position, deep links so support can share an exact section, and a mobile drawer that keeps navigation out of the way. Add an FAQ tab and a contact form without leaving the page.

Knowledge base or help center

Docs, FAQ, and Contact in a single module. Visitors read, search, and reach a HubSpot form in place, with no reloads and no separate URLs. FAQ sections emit FAQPage structured data for rich results.

API and developer reference

Heading depth up to H2 through H4, emoji-safe anchors, and a configurable sticky-offset for fixed headers. The scroll-spy keeps the right section highlighted in long technical pages with dozens of headings.

Policy and legal pages

Terms, privacy, and compliance pages turned into something a reader can actually navigate, with a sticky table of contents and clean anchor links to every clause.

Works with any HubSpot theme

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. No theme dependency, no jQuery, no external libraries. Pure vanilla JavaScript.

Questions

Does the table of contents build automatically?

add
Yes. The module scans your headings and builds the table of contents on its own, with clean deep-link anchors, duplicate-slug dedupe, emoji-safe slugs, and a live highlight that tracks your scroll position. You choose the depth: H2, H2 and H3, or H2 through H4.

Can I add an FAQ and a contact form in the same module?

add
Yes. Docs, FAQ, and Contact are three sections inside one module with in-place switching, no page reloads and no separate URLs. The Contact section embeds a live HubSpot form, and every section is optional, so you can keep all three or strip it down to a single docs page.

Will it work with my fixed header?

add
Yes. A configurable sticky-offset control keeps the table of contents and the scroll-spy highlight clear of a fixed header, so the active section is always tracked correctly.

Is it good for SEO?

add
Yes. The module emits JSON-LD structured data, TechArticle or Article for the docs and FAQPage for the FAQ section, so your documentation and FAQs are eligible for rich results. Clean deep-link anchors also make individual sections shareable and linkable.

Build a real docs experience with Docs & Table of Contents Pro

An auto-generating scroll-spy table of contents, Docs, FAQ, and Contact in one module, three layouts, live search, a mobile drawer, structured data, and full theming. No code required.

Get the Module arrow_outward

Related modules: FAQ Pro · Resource Library Pro · Content Tabs Pro · All Modules