Make your long-form content easier to read, navigate, and rank. Automatically generates a beautiful, scroll-aware Table of Contents from your headings — with zero setup required.
Inline or sticky sidebar. Collapsible with cookie memory. Fully responsive. No jQuery.
Built for long-form content, documentation, and guides. Smart TOC handles the details so you don't have to.
No manual work. The plugin scans your post content and instantly builds a TOC from your H2, H3, and H4 headings. You choose the depth — H2 only, H2+H3, or all three levels.
As your reader scrolls, the current section is automatically highlighted in the TOC. They always know exactly where they are in your content, without lifting a finger.
Clicking any TOC link smoothly scrolls the reader to that section. A configurable offset ensures the heading never hides behind a fixed navigation bar.
Readers can collapse the TOC with one click. Their preference is stored in a cookie — if they close it, it stays closed on future visits without any server calls.
On mobile, the sticky sidebar transforms into a compact floating button. One tap opens the full TOC — clean, non-intrusive, and never covering your content.
Accent color, background, text, font size, border, title text, heading depth, scroll offset, minimum headings — all configurable from Settings → Arvopeak Smart TOC.
Choose the mode that fits your layout — or let your readers decide.
The TOC appears automatically before your first heading, flowing naturally within the content. Place it anywhere using the shortcode:
[arvopeak_toc]
The TOC floats beside your content as the reader scrolls — always within reach without interrupting the reading flow.
Search engines read your TOC too — and reward it.
Google often pulls TOC anchor links directly into search results as jump-to sitelinks, giving your listing more real estate on the results page.
Readers who can see the full structure of an article before scrolling are more likely to stay. Clear navigation reduces immediate exits.
The TOC's anchor links make your heading structure explicit to crawlers, reinforcing your topical depth and content hierarchy signals.
All settings live under Settings → Arvopeak Smart TOC in your WordPress admin.
| Feature | Free |
|---|---|
| Auto-generate TOC from headings | ✓ |
| H2 / H3 / H4 depth control | ✓ |
| Inline display mode | ✓ |
| Sticky sidebar display mode | ✓ |
Shortcode support [arvopeak_toc] | ✓ |
| Scroll spy / active section highlighting | ✓ |
| Smooth scroll with configurable offset | ✓ |
| Collapsible toggle + cookie memory | ✓ |
| Mobile responsive floating button | ✓ |
| Accent, background, text & heading colors | ✓ |
| Font size control (S / M / L) | ✓ |
| Border toggle | ✓ |
| Custom TOC title text | ✓ |
| Works with Gutenberg & Classic Editor | ✓ |
| No jQuery, no external dependencies | ✓ |
| Fully translatable (i18n ready) | ✓ |
| GPL licensed | ✓ |
We're building premium features for power users and content-heavy sites.
No bloat. No compromise. Just clean, standards-compliant WordPress code.
Yes. Smart TOC requires no theme modifications. It works with any properly-coded WordPress theme, including block themes, classic themes, and every major page builder.
No. Scripts and styles only load on pages where the TOC is active. There are no external CDN calls and no jQuery dependency — just a tiny vanilla JS file that runs locally.
Yes. By default the TOC appears before the first heading. Use the [arvopeak_toc] shortcode to place it anywhere in your content — or choose sticky sidebar mode to keep it out of the content flow entirely.
H2, H3, and H4. You control the depth from the settings panel — use H2 only for a simple flat list, or include H3 and H4 for deep nested navigation.
You can disable it globally per content type (Posts, Pages, CPTs) from the settings panel. Per-post exclusion by ID is a Pro feature coming soon.