Classic Elementor widget · Pro

Table Of Content for Elementor: A clickable table of contents built from your headings

Add an Elementor auto table of contents that writes itself. The widget reads the headings on your page, lists them with numbers or bullets, scrolls smoothly to each section and marks the one in view. Readers can fold the box away when they do not need it.

Get Animation Addons Pro See the live demos

Built from your headings
Smooth scroll on click
Active entry while scrolling
Collapsible box

Classic widget · Elementor 3 and 4 · ProUpdated October 2026

Create a board

Name it after the project and pick a template.

Invite your team

Send links by email. Guests need no account.

Set roles

Editors change cards, viewers comment.

Export a report

Download a PDF or CSV of every card.

The short answer

What is Table Of Content for Elementor?

Table Of Content is a Pro Elementor widget from Animation Addons that builds a clickable table of contents from the headings on your page. You choose which heading tags to include, show them as numbers or bullets, nested or flat, and let readers minimize the box. A click scrolls smoothly to the section, and the entry of the section in view is highlighted.

This Elementor table of contents widget, a table of contents widget for Elementor, is a classic widget that works in Elementor 3 and Elementor 4. It does not need Elementor Pro, so it is an Elementor table of contents without Elementor Pro, and it ships inside Animation Addons Pro, not as a separate Elementor table of contents plugin.

Use it as an Elementor TOC for long posts, guides and documentation: an article contents list that stays in step with the page outline. Building with Elementor 4 Atomic Elements? See the atomic Table of Contents.

Also searched as: elementor table of contents, elementor table of contents widget, table of contents widget for elementor, elementor toc, elementor table of contents free, how to add a table of contents in elementor, elementor sticky table of contents, elementor table of contents plugin, elementor table of contents smooth scroll, elementor numbered table of contents, elementor collapsible table of contents, elementor auto table of contents, elementor table of contents not working, elementor table of contents without elementor pro, elementor table of contents for blog posts.

Key factsTable Of Content · Animation Addons for Elementor

Plan: Pro
Widget type: Classic Elementor widget (V3), works in Elementor 4
Works with: Elementor Free and Elementor Pro
Entries: Built from the page headings, H1 to H6
Marker View: Numbers or Bullets, flat or nested
On click: Smooth scroll, 0.6 s, to the heading
Minimize Box: Expand and minimize, per device
Get it: Animation Addons Pro

Live demos

Three tables of contents, live

A features page, a care guide and a health article, each with its own contents list. Every article scrolls inside its frame: click an entry to glide to its section, scroll to watch the active entry follow, and minimize the box where it has a button.

NorthlightProductPricingCustomers

Everything in Northlight

Feature index

Review

Frame Notes

Version Stack

Captions

Scene Map

Review Links

Guest Access

Quick Share

Planning

Shot Lists

Security

Private Projects

Integrations

Editing Panel

Team Alerts

Admin

Team Map

SaaS feature page

Feature index beside the cards

The features page of a video review tool. A short list stays in view on the left, with a count badge above it, while six groups of feature cards scroll on the right. The entry for the group on screen turns white. The left column is pinned with the Sticky/Pin Element extension (Pro).

Click Integrations, or scroll

In the panel, set Anchors by Tags to H2, Marker View to Bullets and Container to the class of the cards, then turn on Minimize Box.

Maison FormeCollectionJournalStores

Journal · Care guide

How to care for an oak table

By Claire Dumas · 6 min read

Living room with a low sofa and an oak table

Know your finish

Look under the table top for the label. It tells you whether your oak is oiled or lacquered, and that changes everything below.

Oiled oak

Oil sits inside the wood. It feels warm and dry, marks easily and repairs just as easily.

Lacquered oak

Lacquer is a thin film on top. It resists spills well but scratches need a professional touch.

Daily cleaning

Wipe with a soft cloth wrung out in warm water and a drop of soap flakes. Dry it straight away, along the grain.

Stains and marks

Act fast and work from the outside of the mark towards the middle, so it does not spread.

Water rings

Lay a cotton cloth over the ring and press with a warm, dry iron for a few seconds. Repeat until it fades.

Wine and coffee

Blot, never rub. A paste of baking soda and water lifts most of what is left after an hour.

Re-oiling once a year

Sand lightly with 240 grit, wipe the dust, then rub in a thin coat of our Hardwax oil. Let it cure overnight.

When to call us

Deep burns, lifted veneer or a wobbly leg are workshop jobs. Every Maison Forme table has a ten-year repair service.

Blog and care guide

Numbered contents beside an article

A care guide in a furniture journal. The contents box sits beside the article and stays in view. H2 and H3 headings become a numbered list, with sub-entries such as 3.1 and 3.2, and the header has a button to minimize the box.

Minimize the box, then click 3.1

In the panel, set Anchors by Tags to H2, H3, Marker View to Numbers, Hierarchical View Button to On and Minimize On to Mobile Portrait.

Medica ClinicDoctorsServicesHealth guides

Health guide · Children

Better sleep for school-age children

Dr. Lena OrtizPaediatrician · 5 min read

Why children need more sleep than adults think

A school-age child needs nine to twelve hours a night. Less than that shows up as poor focus long before it shows up as tiredness.

Build a bedtime routine and keep it every night

Bath, pyjamas, teeth, one story, lights out. The same order at the same time tells the body that sleep is coming.

Screens off one hour before bed, phones included

Blue light delays melatonin. Charge phones and tablets outside the bedroom and swap the last hour for books or drawing.

A dark, quiet and cool bedroom helps

Aim for 18 to 20 degrees, blackout curtains and a night light only if your child asks for one.

When to talk to your doctor about sleep

Loud snoring, pauses in breathing or daytime sleepiness that lasts more than two weeks are worth a visit. Book a sleep check with Dr. Lena Ortiz.

Book a sleep check

Clinic health guide

Contents box that starts minimized

A health guide from a clinic. The contents box sits under the byline and starts minimized, so the article comes first. Open it to see arrow bullets, with long headings cut to one line.

Open Contents, then pick a section

In the panel, set Anchors by Tags to H2, Marker View to Bullets, Word Wrap to Off and Minimize On to Desktop (or smaller).

Features

Key features of Table Of Content

Every feature below is a setting in the widget panel or part of how the widget runs. Nothing needs custom code.

Built from your headings

The list is your page outline. Pick the heading tags in Anchors by Tags, from H1 to H6, and the widget turns them into jump links.

Scan one part of the page

Type a CSS selector in Container to build the heading index from one section only, such as the post content.

Numbered table of contents

Set Marker View to Numbers for an Elementor numbered table of contents (1, 1.1, 1.2), or to Bullets and pick the bullet in Icon.

Nested entries

Turn on Hierarchical View Button and H3 entries sit under their H2, like a document outline.

Collapsible table of contents

Turn on Minimize Box for an Elementor collapsible table of contents with expand and minimize buttons. Minimize On starts it minimized on the screen size you choose.

Smooth scroll and active entry

Elementor table of contents smooth scroll: a click glides to the heading, and as visitors scroll the entry of the section in view gets your active colour.

Style the box, header and list

Style the Box border, radius, padding and shadow, the Header colours and separator, and the List typography, Indent, colours and marker.

Make it sticky with Pro

For an Elementor sticky table of contents, put the widget in a column and pin that column with the Sticky/Pin Element extension, as on the original page, so the contents list stays beside the article.

Step by step

How to add a table of contents in Elementor

Five steps, no code. The bold names are the labels in the Elementor panel.

Install Animation Addons for Elementor and Animation Addons Pro, then turn on Table Of Content under Elements.
Give the page a clear outline with H2 and H3 headings, then drag Table Of Content where the list should sit.
Write the Title, pick the HTML Tag, and choose the headings in Anchors by Tags. Add a Container to scan one section.
Set Marker View. Under Additional Settings, turn on Minimize Box and Hierarchical View Button, and set Minimize On for phones.
Style the Box, Header and List, click each entry on the live page to check it lands on its heading, and publish.

Get Animation Addons Pro Part of Animation Addons Pro · Works with Elementor Free

Honest comparison

Classic widget vs atomic element

Animation Addons Pro has two tables of contents: this classic widget and the atomic Table of Contents for Elementor 4. Both read your headings; they differ in how you style them.

Classic widget vs atomic element
Feature	Table Of Content (classic)	Table of Contents (atomic)
Plan	Animation Addons Pro	Animation Addons Pro
Element type	Classic widget, works in Elementor 3 and 4	Native Elementor 4 Atomic Element
Entries from page headings	Yes	Yes
Numbers or bullets	Yes	Yes
Minimize Box	Yes	Yes
Styling	Box, Header and List sections in the Style tab	Elementor 4 Style tab per breakpoint
Classes and Variables	No	Yes

Compared with Animation Addons for Elementor and Animation Addons Pro, October 2026. See the atomic Table of Contents. Neither needs Elementor Pro.

FAQ

Questions about Table Of Content

How to add a table of contents in Elementor?

Activate Animation Addons Pro, drag the Table Of Content widget onto your page and pick the heading tags in Anchors by Tags. The widget builds the list from your headings when the page loads.

Is the Table Of Content widget free?

No. It is a Pro widget, part of Animation Addons Pro. Looking for an Elementor table of contents free of Elementor Pro? It does not need Elementor Pro and works with Elementor Free.

Do I have to type the entries by hand?

No. The entries come from the headings on the page, so when you rename or add a heading the table of contents follows.

Can I show numbers and nested sub-entries?

Yes. Set Marker View to Numbers and turn on Hierarchical View Button. H3 headings then sit under their H2 and read as 1.1, 1.2.

Can visitors collapse the table of contents?

Yes. Turn on Minimize Box for expand and minimize buttons. Minimize On starts the box minimized on the screen size you choose.

How do I make an Elementor sticky table of contents?

Place the widget in a side column and pin that column with the Sticky/Pin Element extension from Animation Addons Pro. Turn it off on mobile, where a side column does not fit.

Does the active entry change as I scroll?

Yes. When a heading passes the middle of the screen, its entry gets the active class, which you style with the active colour.

Can I build the list from one section only?

Yes. Type a CSS selector, such as .post-body, in Container. Only the headings inside that container become entries.

Why is my Elementor table of contents not working?

Check Anchors by Tags and Container. If no heading matches, the box prints "No headings were found on this page." Entries also do not scroll inside the Elementor editor, so test on the live page.

Is there an Elementor table of contents for blog posts?

Yes. Put the widget in your post template or at the top of a post. It scans the post content for the heading tags you pick and lists them.

Pairs well with

Related Elementor widgets

Classic widgets that work well with Table Of Content on long pages. See all 102 widgets.

Free

Long pages, easy to navigate

A clickable table of contents from your headings, with smooth scroll and an active entry, in Animation Addons Pro.

Get Animation Addons Pro Try it free

Halloween deal40% off every Pro planEnds 5 Nov

15-day money-back guarantee
Rated 4.6 / 5 on WordPress.org
No Elementor Pro needed
Elementor 3 & 4 in one license