LuckyWP

<p>Creates SEO-friendly table of contents for your posts, pages or custom post types. Great customizable appearance.</p>
<h4>Features</h4>
<ul>
<li>Automatical insertion a table of contents (configure post types and position).</li>
<li>SEO-friendly: table of contents code is ready to use by Google for snippets on result page.</li>
<li>Insert by shortcode, Gutenberg block or widget.</li>
<li>Button on toolbar of the classic editor.</li>
<li>Gutenberg block into “Common Blocks”.</li>
<li>Setting the minimum number of headings to display table of contents.</li>
<li>Setting the depth of headings for table of contents.</li>
<li>Skip headings by level or text.</li>
<li>Hierarchical or linear view.</li>
<li>Numeration items: decimal or roman numbers in order or nested.</li>
<li>Customizable appearance: width, float, title font size and weight, items font size, colors.</li>
<li>Color schemes (dark, light, white, transparent, inherit from theme) and the ability to override colors.</li>
<li>Toggle Show/Hide (optionally)</li>
<li>Customizable labels.</li>
<li>Smooth scroll (optionally).</li>
<li>Setting offset top for smooth scroll.</li>
<li>Wrap table of contents with <!–noindex–> tag (optionally).</li>
<li>Pretty hash in URL (like <code>example.com/faq/#how_do_this</code>).</li>
<li>RTL support.</li>
<li>Available override global settings for a particular post.</li>
<li>Highly compatible with WordPress themes and plugins.</li>
</ul>
<h4>Auto Insert</h4>
<p>For automatical insertion a table of contents in a posts, select option “Auto Insert Table of Contents” in the plugin settings (tab “Auto Insert”).</p>
<p>Supported positions:</p>
<ul>
<li>before first heading;</li>
<li>after first heading;</li>
<li>after first block (paragraph or heading);</li>
<li>top of post content;</li>
<li>bottom of post content.</li>
</ul>
<p>You can also select post types to which the table of contents will be automatically added.</p>
<h4>Manual Insert</h4>
<p>For manual insertion a table of content in a posts, use one of the ways:</p>
<ul>
<li>button “Table of Contents” on toolbar in classic editor;</li>
<li>gutenberg block “Table of Contents”;</li>
<li>shortcode <code>[lwptoc]</code>.</li>
</ul>
<h4>Pretty hash in URL</h4>
<p>By default, hash generated as heading text (for example, <code>#How_Do_This</code>). You can change hash format in global settings, tab “Misc.”.</p>
<p>For non-English websites it is recommended to enable the <code>Intl</code> PHP extension.</p>
<h3>Compatibility</h3>
<p>LuckyWP Table of Contents was successfully tested with the following plugins:</p>
<ul>
<li>Elementor Page Builder</li>
<li>Beaver Builder and Beaver Builder Themer Add-On</li>
<li>WPBakery Page Builder</li>
<li>Oxygen</li>
<li>WordPress Multilingual Plugin (WPML), <a href="https://wpml.org/plugin/luckywp-table-of-contents/" rel="nofollow ugc">officially confirmed</a></li>
<li>Rank Math, <a href="https://rankmath.com/compatibility/luckywp-table-of-contents/" rel="nofollow ugc">officially confirmed</a></li>
<li>WP Rocket</li>
<li>Toolset Views and Toolset Access</li>
</ul>
<h3>Hooks</h3>
<h4>Filters <code>lwptoc_before</code>, <code>lwptoc_after</code></h4>
<p>Use for add custom HTML before/after the table of contents.</p>
<p>Example:</p>
<pre><code>add_filter('lwptoc_before', function ($before) {
    return '<p>Example text before TOC.</p>' . $before;
});
</code></pre>
<h4>Filter <code>lwptoc_shortcode_tag</code></h4>
<p>Use this filter for change shortcode tag name <code>[lwptoc]</code>.</p>
<p>Example:</p>
<pre><code>add_filter('lwptoc_shortcode_tag', function ($tag) {
    return 'toc';
});
</code></pre>
<h4>Filter <code>lwptoc_heading_id</code></h4>
<p>Use for modify heading ID.</p>
<p>Example:</p>
<pre><code>add_filter('lwptoc_heading_id', function ($id, $label) {
    return $id;
}, 10, 2);
</code></pre>


LuckyWP Table of Contents

It does what one expects it to do and offers tons of useful options if one wants to tweak something. Simply great!

Really nice


Tried many ToC plugins, this one is great because it looks clean, and correctly handles the default state whether it's opened or closed!


Great plugin!

This is a great plugin! Initially, I wasn't sure about installing a plugin that automatically installs table of contents on every posts, instead of selected the posts I want to show the TOC on. After using it, I came to the conclusion that:
1/ It's much better if you may uninstall the plugin, it won't require removing code from posts;
2/ The options ensure you will make TOC available on posts that realy need it. It's very well thought.

Creates SEO-friendly table of contents for your posts/pages. Works automatically or manually (via shortcode, Gutenberg block or widget).

amanstacker

<p><strong>Digital Table of Contents</strong> is a powerful, modular toc system that lets you effortlessly generate and manage table of contents across your content. With full control over styling, behavior, and placement, it offers a user-friendly and highly customizable experience.</p>
<p><strong>Key Features:</strong></p>
<ul>
<li><strong>Modular TOC System</strong>: Each major TOC feature is separated into its own module for better management and flexibility. Comes with a dedicated settings panel for full control — ensuring smooth operation without conflicts and making it stand out from other plugins.</li>
<li><strong>Auto Insertion of TOC</strong>: Automatically insert a table of contents across all post types with a single setup.</li>
<li><strong>Flexible TOC Positioning</strong>: Choose where to place the TOC — before the first heading, after the first heading, top of the content, bottom of the content, or after a specific paragraph number.</li>
<li><strong>Heading Hierarchy Support</strong>: Automatically generate a hierarchical TOC based on headings from H1 to H6.</li>
<li><strong>Smart Placement Controls</strong>: Display the TOC on specific post types, individual posts, selected categories, and more — with options to exclude specific posts or pages.</li>
<li><strong>Paginated TOC support</strong>: Fully compatible with the <code></code> tag, creating individual or combine TOCs for each page of your split content.</li>
<li><strong>Smooth Scrolling</strong>: Enables a seamless and fluid scroll experience when navigating through the table of contents, enhancing overall user experience.</li>
<li><strong>Accessibility Attributes</strong>:  Adds essential ARIA and semantic HTML attributes to ensure the table of contents is fully accessible to screen readers and assistive technologies.</li>
<li><strong>Rendering Style   </strong>: Choose between CSS-based (lightweight and fast with basic interactions) or JavaScript-based rendering (more interactive and dynamic behavior) depending on your performance and functionality needs.</li>
<li><strong>Multiple Header Icon Options</strong>: Choose from various icon styles like List Icon (☰), Show/Hide, Plus (+)/Minus (−), or even use a custom icon of your choice.</li>
<li><strong>Full Customization</strong>: No need to rely on predefined designs — easily customize colors, styles, icons, backgrounds, links, titles, borders, and much more. Hassle-free, giving you the freedom to create almost any type of table of contents design.</li>
<li><strong>Custom CSS</strong>: If the built-in customization options aren’t sufficient, you can add your own CSS directly in the provided Custom CSS box.</li>
<li><strong>Jump Links Control</strong>: Option to generate a TOC without clickable jump links, ideal for visual structure without navigation.</li>
<li><strong>Lightweight & Performance-Friendly</strong>: Built for speed and efficiency, the plugin is optimized to have minimal impact on your site’s load time and overall performance.</li>
<li><strong>Import / Export</strong>: Easily back up or transfer your TOC settings and configurations between sites with the one-click import/export feature.</li>
<li><strong>Delete Plugin Data & Reset</strong>: Option to remove all Digital Table of Contents plugin data from the database when Digital Table of Contents plugin is uninstalled, ensuring a clean removal.</li>
<li><strong>Fast Help & Support</strong>: Facing issues or unable to find a feature in Digital Table of Contents? Our team is available 24/7 to assist you and resolve bugs or concerns as quickly as possible.</li>
</ul>
<p><strong>Shortcode:</strong></p>
<p>Turn on the Shortcode Module to unlock a powerful, beginner-friendly WordPress Table of Contents shortcode builder — no coding required. Forget manually typing or memorizing shortcode parameters; simply open the shortcode settings panel and start customizing your TOC design, layout, and behavior.</p>
<p>As you adjust the settings, a real-time live preview instantly shows you exactly how your Table of Contents will appear, allowing you to fine-tune headings, styles, toggle options, icons, and more. This visual approach ensures you get the perfect look before placing it on your site.</p>
<p>When you’re happy with the configuration, the plugin automatically generates a fully-parameterized TOC shortcode in the Shortcode Source tab. Just copy and paste it anywhere — inside posts, pages, widgets, or even custom templates — and your Table of Contents will appear exactly as previewed.</p>
<p>With default settings, just use [digital_toc] for a quick, clean, and fully functional Table of Contents without any extra setup.</p>
<p><strong>Available Modules :</strong></p>
<ul>
<li>✅ <strong>In-Content</strong> : Embed the table of contents directly within your post or page content for seamless navigation.</li>
<li>✅ <strong>In-Content Mobile</strong> : Optimized version of In-Content specifically designed for mobile devices.</li>
<li>✅ <strong>Shortcode</strong> : Easily insert the TOC anywhere using a simple shortcode, giving you full placement flexibility.</li>
<li>✅ <strong>Sliding Sticky</strong> : A sticky TOC that stays hidden and slides in from the left or right when toggled. Best for users who want to save space and show TOC only when needed.</li>
<li>✅ <strong>Sliding Sticky Mobile</strong> : A sticky TOC that stays hidden and slides in from the Bottom to Topp or Top to Bottom when toggled. Best for users who want to save space and show TOC only when needed.</li>
<li>✅ <strong>Floating</strong> : A Floating TOC is a movable, draggable, or collapsible navigation element that isn’t fixed, allowing repositioning and enhanced interaction</li>
</ul>
<h3>Roadmap</h3>
<ul>
<li>Sticky and Floating TOC  </li>
<li>Mobile-specific layout and controls  </li>
<li>Shortcode & Widget support  </li>
<li>Live Preview UI in Admin  </li>
<li>Accessibility enhancements</li>
</ul>
<h3>Credits</h3>
<p>This plugin is inspired by and pays credit to the following projects:</p>
<ul>
<li><a href="https://wordpress.org/plugins/easy-table-of-contents/" rel="ugc">Easy Table of Contents</a>  </li>
<li><a href="https://wordpress.org/plugins/table-of-contents-plus/" rel="ugc">Table of Contents Plus</a></li>
</ul>
<p><strong>Third-party Libraries Used:</strong></p>
<ul>
<li><a href="https://ace.c9.io/" rel="nofollow ugc">Ace Editor</a> – for code editing interface in custom CSS  </li>
<li><a href="https://select2.org/" rel="nofollow ugc">Select2</a> – for enhanced select dropdowns</li>
</ul>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later.</p>
<h3>Support & Feedback</h3>
<p>For support or suggestions, visit the <a href="https://wordpress.org/support/plugin/digital-table-of-contents" rel="ugc">Support Forum</a>.<br />
Contribute or view the source on GitHub: <a href="https://github.com/amanstacker/digital-table-of-contents" rel="nofollow ugc">https://github.com/amanstacker/digital-table-of-contents</a><br />
Love the plugin? <a href="https://www.paypal.com/paypalme/amanstacker" rel="nofollow ugc">Support development with a donation</a></p>

Digital Table of Contents

A powerful and customizable TOC plugin. Effortlessly navigate your content with advanced features and flexible styling.

LuckyWP Table of Contents vs Digital Table of Contents