Table of Contents Generator

Auto-generate navigable table of contents from your headings

Automatically create a hierarchical table of contents for your blog posts. Intelligently parses headings and generates structured navigation with smooth scrolling and active link highlighting.

Live Interactive Demo

See how a table of contents auto-generates from your headings with active link tracking

Introduction

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ultrices ut neque in faucibus. Mauris sollicitudin mattis eros lacinia laoreet. Donec ex eros, pellentesque sed augue id, elementum facilisis ligula. Sed quis pharetra turpis. Quisque convallis fringilla facilisis. Integer porttitor ligula mi, id viverra elit porta id. Sed quis nunc consequat nibh egestas accumsan eu nec orci. Etiam sollicitudin ex non ligula fermentum, nec finibus nisi facilisis. Donec fermentum nulla vel libero vestibulum aliquam. Sed porta lacinia accumsan. Nunc eget ipsum aliquet, malesuada massa sit amet, elementum turpis.

Getting Started

Installation Steps

Configuration

Advanced Topics

Customization Options

Troubleshooting

Conclusion

Why Plugin Instead of Snippet?

Table of Contents is too complex for a simple code snippet. A proper TOC requires:

Intelligent heading parsing and hierarchy

Smooth scroll animation to sections

Active link highlighting as you scroll

Hierarchical numbering (1, 1.1, 1.2, etc.)

Collapsible sections with per-post session persistence

Smart badge positioning with other plugins

Theme-native styling with optional overrides

Customizable colors and styling

Post type and heading level controls

Settings backup/transfer (JSON export)

WordPress Plugin Available

Get the full-featured Table of Contents plugin with one-click installation, visual settings panel, and all the advanced features shown in the demo above.

Get WordPress Plugin - $50

Why Use Table of Contents?

Improve navigation on long-form content

Help readers find specific sections quickly

Increase time on page and engagement

Improve SEO with structured content

Frequently Asked Questions

Does it work with Gutenberg?

Yes! BlogUtils Table of Contents works with Gutenberg, Classic Editor, and all major page builders including Elementor, Divi, and Beaver Builder.

Can I customize the appearance?

Absolutely! Customize colors, position, heading levels (H2-H6), hierarchical numbering, borders, and more from the visual settings page.

Will it slow down my site?

No! The plugin is extremely lightweight (< 5KB) and uses performant modern JavaScript with no jQuery dependency.

Can I make it collapsible?

Yes! Enable the collapsible option to let readers expand/collapse the TOC. You can also set the default state (open or closed).

Why not use a snippet for TOC?

Table of Contents is complex - it requires heading parsing, smooth scrolling, active link tracking, hierarchical numbering, and responsive positioning. A plugin provides the best experience with proper settings and automatic updates.

Does it work on mobile?

Absolutely! The TOC is fully responsive and works beautifully on all device sizes.