david smith

Add a floating table of contents to your posts. Style them as you see fit (to match your posts and branding). 
Acknowledgments—- 
Insparation and Code snippits from www.webdeasy.de 
FontAwesome Icons used under creative commons found here https://fontawesome.com/license

Floating Table of Contents

Add a floating table of contents to your posts

Abu Hayat

bPlugins

Murad Wahid

Enhance your long-form content with the Table of Contents Block! 📚 This powerful WordPress plugin automatically generates a smart, interactive table of contents, making your content easy to navigate. It helps guide your readers effortlessly to the sections they’re interested in.Ideal for content creators, bloggers, and website owners, this tool transforms any lengthy article into a well-organized, user-friendly masterpiece.
Tired of losing readers in lengthy articles? Our Table of Contents Block is your solution! It automatically scans your content, identifies all headings, and creates a beautiful, clickable navigation menu that helps readers instantly jump to the sections they’re most interested in.
📌 Ideal For 
✔ Blog Posts – Keep readers scrolling longer. 
✔ Documentation & FAQs – Make help articles easier to navigate. 
✔ Tutorials & Guides – Improve readability for step-by-step content. 
✔ Knowledge Bases & Wikis – Organize long-form content like a pro. 
✔ Affiliate & Review Sites – Help users find key sections faster.
What makes this plugin special? It’s not just a table of contents – it’s a complete content navigation system that: 
• Works automatically – just add the block and watch the magic happen 
• Stays synchronized with your content – updates in real-time as you edit 
• Looks beautiful on all devices – fully responsive design 
• Enhances reader engagement – keeps visitors on your page longer 
• Improves SEO performance – helps search engines understand your content structure better
Whether you’re a blogger, content creator, or business owner, this plugin helps make your content more professional, accessible, and user-friendly. Give your readers the premium content experience they deserve!
Why choose Table of Contents Block? 
Readers often get lost in lengthy content. This plugin helps guide them exactly where they want to go—improving navigation, boosting time-on-page, and enhancing the overall experience.
<h3>Table Of Content Block Features</h3>
<ul>
<li>
Automatic Generation: The block automatically generates a TOC based on the headings in your post or page.
</li>
<li>
Customizable Styles: You can customize the appearance of TOC, including font, size, and colors.
</li>
<li>
Smooth Scrolling: Clicking on a table of contents entry smoothly scrolls the page to the corresponding heading.
</li>
<li>
Anchor Links: TOC entries are linked to the corresponding headings using anchor links.
</li>
<li>
Gutenberg Integration: The block seamlessly integrates with the Gutenberg editor, making it easy to add a table of contents to your content.
</li>
<li>
Responsive Design: TOC is designed to be responsive and adapt to different screen sizes.
</li>
</ul>
Benefits:
<ul>
<li>
Improved Navigation: Provides an easy way for visitors to navigate long-form content.
</li>
<li>
Enhanced User Experience: Makes it easier for visitors to find the information they are looking for.
</li>
<li>
SEO Optimization: Helps search engines understand the structure of your content, which can improve your SEO rankings.
</li>
</ul>
<h4>How to use Table Of Content Block</h4>
<ul>
<li>First, install the Table Of Content Block plugin from the WordPress dashboard.</li>
<li>Add the Table Of Content Block from the block category called “widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
Enjoy!
</li>
<li>
For installation help click on Installation Tab
</li>
</ul>
<h4>– Did you like this plugin? Dislike it? Have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></h4>
<h3>⭐ Check out the Parent Plugin of this plugin-</h3>
🔥 <a href="https://bblockswp.com" rel="nofollow ugc">B Blocks</a> – Best gutenberg blocks collections for WordPress.
<h3>⭐ Check out our other WordPress Plugins-</h3>
🔥 <a href="https://bplugins.com/products/html5-audio-player" rel="nofollow ugc">Html5 Audio Player</a> – Best audio player plugin for WordPress.
🔥 <a href="https://bplugins.com/products/html5-video-player" rel="nofollow ugc">Html5 Video Player</a> – Best video player plugin for WordPress.
🔥 <a href="https://bplugins.com/products/pdf-poster" rel="nofollow ugc">PDF Poster</a> – A fully-featured PDF Viewer Plugin for WordPress.
🔥 <a href="https://bplugins.com/products/document-embedder" rel="nofollow ugc">Document Embedder</a> – Best WordPress Document Embedder Plugin.
🔥 <a href="https://bplugins.com/products/3d-viewer" rel="nofollow ugc">3D Viewer</a> – Display interactive 3D models on the webs.
🔥 <a href="https://bplugins.com/products/advanced-post-block" rel="nofollow ugc">Advanced Post Block</a> – Best Post Display Plugin for WordPress.
<h3>External Service Integration</h3>
<h4>Service Name: package.js</h4>
<ul>
<li>Docs link: package docs link</li>
</ul>
<h3>Developer Notes</h3>
<ul>
<li>
Assets file name 
assets file destination. ex: public/js/*.min.js
</li>
<li>
Public source code GitHub link for review, study, and contribute.
</li>
</ul>
For more information on how to contribute to this plugin, please visit our GitHub repository.

Table Of Content Block – Auto-Generate Clickable Table of Contents


Clean, lightweight, and seamlessly integrated with the block editor. This plugin makes navigating long posts a breeze.


Amazing!

The Table of Contents block allows you to automatically generate a table of contents for your WordPress post or page.

Floating Table of Contents vs Table Of Content Block – Auto-Generate Clickable Table of Contents