Back to Elements & Plugins

Table of contents

4 min readUpdated 7 August 2026
Add a clickable list of the headings on your page, so visitors can jump straight to the part they want. It's ideal for long articles, guides, FAQs and service pages, and it works on any page, not just blog posts.

Adding one

  1. 1In the editor, open Add Elements and choose Table of contents from the Basic group.
  2. 2Drop it where you want the list, usually near the top, or in a side column.
It builds itself from the headings already on your page. There's nothing to type.

Choosing which headings appear

On the Settings tab, under Heading levels, switch on the heading levels you want listed. H1 and H2 are on by default; H3 to H6 are off.

Choosing how much of the page to scan

This is the setting most people need. Under Behaviour, Scan headings from offers:
  • Current section only (default): just the section the element sits in
  • Whole page: every heading on the page
  • Below this element: everything after this point
If your list looks short, this is why. Drop the element on an ordinary page and it only lists the section it's in, so switch to Whole page.
Fixed on page keeps the list visible while visitors scroll past that section. It applies on large screens only.

Appearance

Under Display: Show heading and Heading text (defaults to 'Table of contents'), and Indent by heading level, which steps sub-headings inwards so the structure is easy to scan.
The Styles tab sets the Title colour and size, the Item colour, and the Active background and Active text, the highlight showing which section the visitor is currently reading. Leave them blank to follow your site's colours automatically.

Tips

  • Give your headings real names. The list is only as useful as your headings: 'Pricing' and 'How it works' beat 'Section 2'.
  • Clicking an item scrolls smoothly to that heading, and the current one highlights as visitors read.
  • Headings inside closed tabs or accordions are listed, and clicking one jumps to content the visitor may then need to open.
  • Content that loads as you scroll may not be listed: the list is built as the page loads.
  • On phones, a table of contents set to Current section only inside a blog post automatically moves to the top of the article.
Was this helpful?

Last updated:

Related Articles

Still need help?

Submit a Support Ticket