Tapan Kumer Das

WPWing

Add an SEO-friendly Table of Contents(TOC) block to your posts and pages, which scans headings through the content and creates the TOC automatically. The TOC is a nested list of links to all headings found in the post or page. To use it, simply add the “Table of Contents” block. You can search for “TOC” to get this block.
You can hide the headline “Table of Contents” from the block’s sidebar and add your own by using a normal heading block.
⚙️ Completely Customizable: You can customize and pick the heading tags that you want to appear on your Table of Contents.
⚡ Super Lightweight: No extra resources are used and it’s highly optimized to automatically add a Table of Contents inside your post or pages.
🧑‍💻 Dedicated Support: We’ve got an extraordinary support team ready to help you. Ask your questions in the support forum, we’ll get back to you immediately.
<h4>Features</h4>
<ul>
<li>Zero-configuration: Add the “Table of Contents” block to your post and that’s it.</li>
<li>Minimal and valid HTML output.</li>
<li>No JavaScript added.</li>
<li>Designed for Gutenberg.</li>
<li>Style “Table of Contents” with Gutenberg’s native group styling options.</li>
<li>Inherits the style of your theme.</li>
</ul>
<h4>Customization</h4>
<ul>
<li>Add background and text color with Gutenberg groups.</li>
<li>Native block support for wide and full width.</li>
<li>Control the maximum depth of the headings.</li>
<li>Choose between an ordered and unordered HTML list.</li>
<li>Toggle list indent.</li>
<li>Disable the h2 heading of the TOC block and add your own.</li>
</ul>
<h4>Compatibility</h4>
<ul>
<li>GeneratePress and Rank Math support.</li>
<li>Works with all popular AMP plugins.</li>
</ul>
<h4>About WPWing</h4>
WPWing is a startup that creates quality WordPress/WooCommerce plugins/add-ons you searching for.

Table Of Contents Block

François Yerg

Keep Readers Engaged – Show Them What’s Coming!
Studies show readers are 80% more likely to finish long articles when they can see what’s ahead. FYP Table of Contents automatically creates beautiful, clickable navigation that keeps visitors reading and improves your search rankings.
<h4>What You’ll Get (Real Benefits, Not Technical Features)</h4>
✓ Lower Bounce Rate – Readers stay longer when they can navigate easily to topics they care about 
✓ Better SEO Rankings – Google loves structured content with clear navigation (featured snippets!) 
✓ Increase Reading Time – Visitors explore more sections when they can jump directly to interesting parts 
✓ Professional Appearance – Modern designs make your content look polished and well-organized 
✓ Mobile-Friendly – Perfect navigation on smartphones where scrolling is tedious 
✓ Set and Forget – Add shortcode once or enable automatic placement, works on every heading forever 
✓ Faster Page Views – Smart caching means instant loading with zero performance impact
<h4>Why Choose FYP Table of Contents Over Others?</h4>
VS Free Alternatives: 
– 3 Beautiful Templates – Others give you 1 basic boring list 
– Smart Caching System – Free plugins regenerate TOC on every page load (slow!) 
– Smooth Scroll Animation – Others just jump to sections (jarring experience) 
– Modern Design – Most plugins look like they’re from 2010
VS Premium Plugins ($29-$59): 
– Just as Powerful – Professional templates, smooth scrolling, toggle functionality 
– Same Performance – 12-hour caching and optimized code 
– Easier to Use – Simple shortcode vs complex configuration panels 
– Regular Updates – Actively maintained and WordPress compatible
VS Manual TOC: 
– Save Hours – Automatic vs manually creating and updating links 
– Always Accurate – Updates automatically when you edit headings 
– No Broken Links – IDs are generated automatically 
– Maintenance Free – Add/remove headings and TOC updates itself
<h4>Real-World Use Cases</h4>
📝 Long-Form Blog Posts – Help readers navigate 2000+ word articles efficiently 
📚 Tutorial & How-To Guides – Let users jump to specific steps they need 
📄 Documentation Sites – Essential for technical docs and knowledge bases 
📰 News Articles – Improve reader experience on in-depth reporting 
🎓 Educational Content – Students can navigate directly to topics they’re studying 
💼 Business Pages – Make long service or about pages scannable
<h4>3 Professional Templates</h4>
No design skills needed – each template is beautifully crafted:
<ol>
<li>Default – Clean vertical list perfect for sidebars and in-content placement</li>
<li>Modern – Stylish design with border and highlight effects</li>
<li>Horizontal – Compact menu-style layout ideal for top-of-page navigation</li>
</ol>
<h4>Key Features</h4>
✓ Automatic heading detection (H1-H6) 
✓ Smooth scroll animation to sections 
✓ Collapsible toggle (show/hide) 
✓ Choose which heading levels to include 
✓ Custom titles and styling 
✓ SEO-friendly anchor links 
✓ 12-hour smart caching 
✓ Works with any theme 
✓ Fully responsive design 
✓ No JavaScript required (progressive enhancement) 
✓ Translation ready
<h4>Simple to Use</h4>
<ol>
<li>Add shortcode <code>[fyplugins_table_of_contents]</code> to your post or enable automatic placement in settings</li>
<li>Done! TOC appears automatically when page has 3+ headings</li>
</ol>
No configuration required – works perfectly with default settings, customize only if you want to.
Part of the FYPlugins ecosystem – professional WordPress solutions trusted by thousands of websites.
<h3>Usage</h3>
<h4>Getting Started (2 Minutes)</h4>
<ol>
<li>Activate Plugin – Enable FYP Table of Contents</li>
<li>Choose Placement – In Table of Contents → Settings, select Display Mode: Automatic – Before content or keep Manual – Shortcode</li>
<li>Select Post Types – Pick which post types should show the automatic TOC (posts, pages, custom types)</li>
<li>Add Shortcode (optional) – If using manual mode or overriding automatic placement</li>
<li>Done! – Table of contents appears automatically when content has enough headings</li>
</ol>
Tip: If automatic mode is on and you add the shortcode manually, the plugin will not duplicate the TOC.
The plugin automatically detects all headings in your content and creates a clickable navigation menu.
<h4>Common Use Cases</h4>
Basic blog post TOC: 
 [fyplugins_table_of_contents]
Automatic placement before content (no shortcode needed): 
Enable Display Mode: Automatic – Before content in settings and select the post types.
Tutorial with modern template: 
 [fyplugins_table_of_contents template=”modern” title=”Tutorial Steps”]
Quick navigation at top: 
 [fyplugins_table_of_contents template=”horizontal” title=”Jump to Section”]
Only H2 and H3 headings: 
 [fyplugins_table_of_contents included=”h2,h3″]
Documentation with custom styling: 
 [fyplugins_table_of_contents template=”modern” class=”docs-toc”]
Initially collapsed TOC: 
 [fyplugins_table_of_contents default_toggle=”hide” title=”Show Contents”]
<h3>Shortcode Parameters</h3>
Main Shortcode: <code>[fyplugins_table_of_contents]</code>
All parameters are optional. If not specified, plugin uses smart defaults.
<h4>Display Options</h4>
<ul>
<li>template – Visual style: <code>default</code> (vertical list), <code>modern</code> (styled box), <code>horizontal</code> (menu-style)</li>
<li>title – Heading text (e.g., “Table of Contents”, “Jump to Section”, “On This Page”)</li>
<li>class – Add custom CSS classes for styling</li>
</ul>
<h4>Content Selection</h4>
<ul>
<li>included – Which heading levels to show: <code>h1,h2,h3,h4,h5,h6</code> or any combination (default: all)</li>
<li>min_headings – Minimum headings required to show TOC (default: 3)</li>
</ul>
<h4>User Interaction</h4>
<ul>
<li>toggle – Show collapse/expand button: <code>true</code> or <code>false</code> (default: true)</li>
<li>default_toggle – Initial state: <code>show</code> (expanded) or <code>hide</code> (collapsed) (default: show)</li>
</ul>
<h4>Automatic Placement (Settings)</h4>
<ul>
<li>Display Mode – Manual (shortcode) or Automatic (before content)</li>
<li>Post Types – Choose which post types get the automatic TOC</li>
<li>All other options – Title, headings, templates, toggle, and min headings are reused for automatic mode</li>
</ul>
<h4>Real-World Examples</h4>
Long blog post: 
 [fyplugins_table_of_contents title=”What You’ll Learn” template=”modern”]
Technical documentation: 
 [fyplugins_table_of_contents included=”h2,h3,h4″ template=”default”]
Recipe or tutorial: 
 [fyplugins_table_of_contents title=”Recipe Steps” included=”h2,h3″ toggle=”false”]
Landing page with horizontal menu: 
 [fyplugins_table_of_contents template=”horizontal” included=”h2″]
Multiple TOCs on same page: 
 [fyplugins_table_of_contents included=”h2″ title=”Main Topics” class=”main-toc”] 
 [fyplugins_table_of_contents included=”h3,h4″ title=”Subsections” class=”sub-toc”]

FYP Table of Contents – Automatic TOC Generator for Better SEO & Navigation

Boost engagement and SEO with automatic table of contents. 3 beautiful templates, smart caching, smooth scrolling. Automatic or manual placement.

Table Of Contents Block vs FYP Table of Contents – Automatic TOC Generator for Better SEO & Navigation