Table of Contents
Drop it next to a blog post or a CMS article: it reads the headings, lists them, highlights the section being read and shows how long it takes to read. A progress bar fills along the top of the window. Nothing to type: it builds itself.
- Built from your headings
- Current section highlighted
- Reading time
- Progress bar
- Free
- $0
- From
- $3/month
- Lifetime
- $99
In developmentNeeds: Nothing. It reads the page's H2 and H3 headings by itself, CMS pages included.
Watch it change
Your turn
Change any of the 59 settings, it's the real plugin.
More than a pretty widget
What Table of Contents does for you
- Reads the pageYour headings, found for youEvery H2 and H3 of the article, CMS included, without typing a list or adding anchors.
- FollowsThe section being readAs the visitor scrolls, the current section lights up and the progress bar fills.
- SharesLinks to a sectionA click updates the address with #section, so a visitor can share the exact part they're reading.
It writes itself
H2 only, H2 and H3, or down to H4, from the whole page or one element you name. The navigation, header and footer are skipped, and content that arrives later (CMS, lazy sections) is picked up.
- Leave out headings by their text
- Hidden when a page has too few headings
- A click scrolls to it, below your sticky menu
On this page · 6 min
- Why it matters
- The first steps
- Picking the soil
- Watering
- Common mistakes
- Going further
Where the reader is
The section being read is highlighted with a line, a dot, a pill or its color. A thin bar along the top or bottom of the window fills as they read.
- Reading time from the words on the page
- Numbers 1, 1.1, 1.2…
- Sub-sections folded until their section is read
- 1Why it matters
- 2The first steps
- 2.1Picking the soil
- 2.2Watering
- 3Common mistakes
- 4Going further
A card, a dropdown, a button
A card or a plain list in a sidebar, a dropdown that suits phones, a floating button in a corner, or just the progress bar.
- A 'Back to top' link
- Each click puts #section in the address, ready to share
- A 'toc_click' event for your analytics
- Why it matters
- The first steps
- Picking the soil
- Watering
- Common mistakes
- Going further
Make it yours
Nothing hidden behind code.
59
settings
23
card looks
16
hover effects
- Which headings, from the page or one element, and which to skip
- Card, plain list, dropdown, floating button or progress bar only
- The current-section marker, numbers, folding, reading time
- Progress bar at the top or bottom, its color and thickness
- Scroll offset for a sticky menu
- 23 card looks, 16 hover effects, 6 animated borders, every color
- Four languages
On your site in three steps
- 1Put it beside your articleIn the sidebar of your blog post template, or anywhere on a long page.
- 2Choose the layoutCard, list, dropdown, floating button, or just the bar.
- 3PublishEvery article gets its own outline.
Plans
Free to start, by the month, or once for good.
Indicative prices, confirmed before launch. The Free plan is permanent, not a trial.
Free
$0forever
no card needed
An outline that builds itself.
- H2 and H3 headings, found automatically
- Current section highlighted
- Card and plain list layouts
- Reading time
- Four style presets, plus your own colors and font
- A small “Powered by TrustPlug” credit
Starter
$3/month
billed monthly
Every layout and the progress bar.
Everything in Free, plus
- One site (one Framer project)
- No “Powered by TrustPlug” credit
- Dropdown, floating button and progress-bar layouts
- Progress bar across the window
- H4 headings, numbers, folded sub-sections
- Headings from one element, headings to skip
- Full customization: 23 card looks, 16 hover effects, six animated border styles
Pro
$5/month
billed monthly
Every option, on all your sites.
Everything in Starter, plus
- Up to 5 sites
- Priority support
- Early access to new options and layouts
Lifetime
One payment. No renewal.About 2 years of Pro, oncePro for good: every layout and option of Table of Contents, on up to five sites, with every future update included.
$99once
Every plugin side by side on the pricing page.
Yes. Put it in the CMS page template: it reads the headings of each article as it opens, including ones that load a moment later.
Pairs well with
Want Table of Contents the day it ships?
Leave your email: you'll hear first, with the final price, before anything is charged.