INTRODUCING

TOC Widget
for Elementor

Showcase your services, features, team members, or blog posts in a clean, responsive card grid - designed visually inside Elementor with no custom code.

table of contents widget for Elementor

See It In Action

table of contents widget for Elementor
table of contents widget for Elementor

Packed With Powerful Features

Everything you need to build fast, flexible, and high-performing designs.

Drag & Drop Builder

Easily add and arrange elements using Elementor’s intuitive drag and drop interface.

Flexible Layout Control

Adjust spacing and alignment to create clean, balanced layouts for any design.

Responsive Controls

Fine-tune your design for desktop, tablet, and mobile for a smooth experience.

Lightweight & Fast

Optimized for speed to keep your website fast and responsive without bloat.

What this TOC widget does

Easily create a table of contents for your page or post, helping visitors navigate your content quickly.

Automatic Table of Contents for Long Content

The Table of Contents widget from Unlock Addons organizes long posts, docs, and tutorials into a simple clickable index. It scans your page for heading tags, builds a list of section links, and lets visitors jump directly to the part they’re interested in. That means less scrolling, better UX, and longer time on page.

How to Add a Table of Contents in Elementor

Better Navigation, Better SEO

Search engines use your heading structure to understand your content. A clear table of contents highlights that structure, which can help you earn rich snippets and sitelinks in search results. At the same time, readers can see the full outline at a glance, click the parts they care about, and are more likely to stay on the page longer instead of bouncing.

Key Features of the Card Grid Widget

Automatic heading detection

Choose which heading levels to include (H1–H6), and the widget will scan your content container and generate the table of contents dynamically whenever the page loads.

Smooth scrolling and sticky layout

Enable smooth scrolling so clicking a TOC item gently scrolls to the section, and make the TOC sticky on desktop or mobile so navigation stays visible as readers move through your post.

Customizable and hierarchy

Control colors, fonts, borders, icons, and indentation so your table of contents matches your brand. Show headings in a hierarchical tree or flat list, and let users collapse or expand sections.

Three Simple Steps

Get up and running in minutes. No complexity, no learning curve.

Add the Widget

Drag and drop the widget into your layout from the Elementor panel.

Customize

Adjust content, style, and settings to match your design perfectly.

Publish

Hit publish and your design goes live instantly.

Have Questions?
We Have Answers

No. Unlock Addons works with Elementor Free and Elementor Pro, and the Table of Contents widget is available without requiring Elementor Pro’s TOC widget.

You can choose which heading levels to include — for example H2 and H3 only — and the widget will automatically list those headings in order.

Yes. The widget scans your content each time the page loads, so whenever you add or rename headings in Elementor or WordPress, the table of contents updates automatically.

Take Elementor to the Next Level

Join 50,000+ designers creating high-converting navigation experiences with Elementor.

The Largest and Most Powerful Elements Library for Elementor.

Subscribe to Our Newsletter

    © 2014 – 2026 Unlockaddons. All Rights Reserved