Dear Elements Weavers,
I’m excited to introduce Table of Contents – a new component that turns any long page in Rapidweaver Elements into something readers can navigate at a glance.
The idea is simple: give your text container an ID, enter the same ID in the Table of Contents component, and it builds a clickable outline from the headings it finds. No anchor links to create by hand, no list to update when the text changes. It was made with the Elements CMS in mind – where the content is probably written by someone else and you never know how long the next article will be – it works just as well with the Markdown component, the Typography component, or a page you wrote yourself with the Text component.
Everything is built to fit your design rather than fight it. Fonts, sizes and colors come straight from your theme and follow light and dark mode, and every heading level from H1 to H6 has its own typography, indentation, spacing and marker – fourteen symbols to pick from. Pick the level range you need, set a minimum number of headings so short pages skip the outline, and you’re done. On smaller screens the list can automatically fold away behind its title, and you decide separately on which screen sizes the toggle appears and where it starts collapsed – full outline in a desktop sidebar, one tidy line on a phone. Smooth scrolling brings readers exactly to the section they picked, with an offset that keeps sticky headers out of the way
There’s a nice side effect, too: a clear table of contents isn’t just friendly to your readers, it’s friendly to search engines. The anchor links give Google a map of your page structure, and long-form articles that are easy to navigate tend to keep visitors around longer – both of which help your content perform.
Table of Contents: Every heading, one click away.
Happy weaving!
Preview: Table of Contents preview
Get it in the Elements Store