Designer-native
Select Rich Text on the canvas, set IDs, and preview your TOC without leaving Webflow.
Webflow Designer Extension
Rich Text TOC
Automatic, nested tables of contents from your Rich Text headings—built in the Designer and applied to your live site with Webflow's Custom Code API.
- No manual copy-paste
- H1–H4 heading levels
- Free to use
Why use Rich Text TOC
Built for blogs, docs, and CMS long-form content inside Webflow.
One-click apply
Scripts are registered through the official Custom Code API—no pasting into Site settings.
Live site ready
Publish once. The TOC updates from headings in your Rich Text block automatically.
How it works
-
1
Install the app from Webflow and open it in the Designer.
-
2
Authorize once so the app can use the Custom Code API for your workspace.
-
3
Select Rich Text → Create TOC → choose H1–H4 levels.
-
4
Add a TOC container (Div with your TOC Element ID) on the page.
-
5
Click Apply to site, then Publish.
Ready to add a TOC to your site?
Free app. No ads. Works with CMS Rich Text and static pages.