M Asif Rahman

Rupok

WPDeveloper

Rahat Hossain

Md Monir Hossain

Hanzala Taifun

<p><strong>Table of Contents</strong> is a roadmap for your whole content and helps your readers to locate specific parts of the page to go directly to that section.</p>
<p>Using Table of Contents Block (TOC), you can improve the reading experience, accessibility, page SEO score & help your visitors to easily navigate.</p>
<p>You don’t need any coding to create TOC in Gutenberg. Just install this block plugin & use Table of Content within Block Editor for WordPress.</p>
<p><strong>⚙️ Completely Customizable:</strong> You can customize and pick the heading tags which you want to appear on your Table of Contents.</p>
<p><strong>⚡ Super Light-weight:</strong> No extra resources used and it’s highly optimized to automatically add Table of Contents inside your post or pages.</p>
<p><strong>🧑‍💻 Dedicated Support:</strong> We’ve an extraordinary support team ready to help you. Ask your questions in the support forum, we’ll get back to you immediately.</p>
<h3>🎁 GET ACCESS TO 22+ MORE FREE BLOCKS FOR WORDPRESS BLOCK EDITOR</h3>
<p>Get <a href="https://wordpress.org/plugins/essential-blocks/" rel="ugc">Essential Blocks Gutenberg</a> editor – an advanced blocks library to power up your Gutenberg design experience. It brings stunning blocks including:</p>
<ul>
<li><a href="https://essential-blocks.com/docs/infobox/" rel="nofollow ugc">EB Infobox</a></li>
<li><a href="https://essential-blocks.com/docs/heading/" rel="nofollow ugc">EB Heading</a></li>
<li><a href="https://essential-blocks.com/docs/image-gallery/" rel="nofollow ugc">EB Image Gallery</a></li>
<li><a href="https://essential-blocks.com/docs/instagram-feed/" rel="nofollow ugc">EB Instagram Feed</a></li>
<li><a href="https://essential-blocks.com/docs/parallax-slider/" rel="nofollow ugc">EB Parallax Slider</a></li>
<li><a href="https://essential-blocks.com/docs/dual-button/" rel="nofollow ugc">EB Dual Button</a></li>
<li><a href="https://essential-blocks.com/docs/typing-text/" rel="nofollow ugc">EB Typing Text</a></li>
<li><a href="https://essential-blocks.com/docs/notice/" rel="nofollow ugc">EB Notice</a></li>
<li><a href="https://essential-blocks.com/docs/progress-bar/" rel="nofollow ugc">EB Progress Bar</a></li>
<li><a href="https://essential-blocks.com/docs/slider" rel="nofollow ugc">EB Slider</a></li>
<li><a href="https://essential-blocks.com/docs/social/" rel="nofollow ugc">EB Social</a></li>
<li><a href="https://essential-blocks.com/docs/team-member/" rel="nofollow ugc">EB Team Member</a></li>
<li><a href="https://essential-blocks.com/docs/testimonial/" rel="nofollow ugc">EB Testimonial</a></li>
<li><a href="https://essential-blocks.com/docs/block-wrapper/" rel="nofollow ugc">EB Block Wrapper</a></li>
<li><a href="https://essential-blocks.com/docs/pricing-table/" rel="nofollow ugc">EB Pricing Table</a></li>
<li><a href="https://essential-blocks.com/docs/flipbox/" rel="nofollow ugc">EB Flipbox</a></li>
<li><a href="https://essential-blocks.com/docs/image-comparison/" rel="nofollow ugc">EB Image Comparison</a></li>
<li><a href="https://essential-blocks.com/docs/call-to-action/" rel="nofollow ugc">EB Call To Action</a></li>
<li><a href="https://essential-blocks.com/docs/button/" rel="nofollow ugc">EB Button</a></li>
<li><a href="https://essential-blocks.com/docs/interactive-promo/" rel="nofollow ugc">EB Interactive Promo</a></li>
<li><a href="https://essential-blocks.com/docs/accordion/" rel="nofollow ugc">EB Accordion</a></li>
<li><a href="https://essential-blocks.com/docs/countdown/" rel="nofollow ugc">EB Countdown</a> + more coming soon</li>
</ul>
<h3>🚀 BACKED BY A TRUSTED TEAM</h3>
<p>This Block plugin is brought to you by WPDeveloper, the team behind the most popular elements library Essential Addons for Elementor (used by almost 1 million+ happy users from around 180 countries).</p>
<h3>⚡ SUPPORT & DOCUMENTATION</h3>
<p>🧑‍💻 If you have any more questions, visit our support on the Plugin’s Forum</p>
<p>🌐 For more information about features, FAQs and documentation, check out our website at <a href="https://essential-blocks.com/" rel="nofollow ugc">Essential Blocks for Gutenberg</a></p>
<h3>🙌 JOIN THE COMMUNITY</h3>
<ul>
<li>🎦 Subscribe to our Youtube Channel to watch video tutorials on WordPress</li>
<li>🤝 Join our Facebook Community & get connected with expert web creators like yourself</li>
<li>🧡 LOVED this plugin? Rate us on WordPress Repository</li>
</ul>
<h3>🔥 GET FREEBIES FOR YOUR WORDPRESS SITE</h3>
<p>Consider checking out our other WordPress solutions & boost your WordPress website:</p>
<p><strong>🔝 <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons For Elementor</a>:</strong> Most popular Elementor addons with 70+ widgets & ready blocks</p>
<p><strong>☁ <a href="https://wordpress.org/plugins/templately/" rel="ugc">Templately</a>:</strong> Free templates library for Elementor & Gutenberg along with the cloud collaboration for WordPress</p>
<p><strong>🔔 <a href="https://wordpress.org/plugins/notificationx/" rel="ugc">NotificationX</a>:</strong> Best Social Proof & FOMO Marketing Solution to increase conversion rates</p>
<p><strong>📚 <a href="https://wordpress.org/plugins/betterdocs/" rel="ugc">BetterDocs</a>:</strong> Best Documentation & Knowledge Base Plugin for WordPress reduce manual support tickets & improve user experience.</p>
<p><strong>⏰ <a href="https://wordpress.org/plugins/wp-scheduled-posts/" rel="ugc">WP Scheduled Posts</a>:</strong> Advanced editorial calendar & complete solution for WordPress Post Scheduling, social sharing, missed scheduled alerts and more.</p>
<p><strong>⭐ <a href="https://wordpress.org/plugins/reviewx/" rel="ugc">ReviewX</a>:</strong> WooCommerce Product review plugin that allows users to submit product reviews with multiple criteria, photos, video and more</p>
<p><strong>♾️ <a href="https://wordpress.org/plugins/embedpress/" rel="ugc">EmbedPress</a>:</strong> Embed anything and everything in WordPress without any coding</p>
<p><strong>⚡ <a href="https://wordpress.org/plugins/flexia" rel="ugc">Flexia</a>:</strong> Most lightweight, customizable & multi purpose theme for WordPress</p>
<h3>Modern Way:</h3>
<ol>
<li>Go to the WordPress Block/Gutenberg Editor</li>
<li>Search For “Table of Contents Block”</li>
<li>Install in 1-click</li>
</ol>
<h3>Manual Installation:</h3>
<ol>
<li>Upload table-of-contents-block to the /wp-content/plugins/ directory</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress</li>
</ol>


Table Of Contents Block


Gutenberg / the block editor already adds enough bloat. This plugin contributes even more to that, adding at least 4 stylesheets. 



"SimpleTOC – Table of Contents Block" by Marc Tönsing does a much better job, in my opinion. 



This plugin does have a lot of nifty options, that those of you not concerned about your site's performance may be interested in having.


Adds bloat to your site

Automatically Add Table of Contents Block for your WordPress Posts & Pages

Richard Long

Chris Hadley

HeroThemes

<h4>WordPress Table of Contents Plugin</h4>
<p><a href="https://herothemes.com/plugins/heroic-table-of-contents/?utm_source=wprepo&utm_medium=link&utm_campaign=heroic-toc" rel="nofollow ugc">Heroic Table of Contents</a> is the easiest way to add a Table of Contents to your site.</p>
<p>A contents or index section allows readers to easily navigate pages on your site. The Heroic Table of Contents block automatically detects headings on a page, 4 built-in-styles, options for display and more.</p>
<p>Features:-</p>
<ul>
<li>Add a contents section to pages in seconds.</li>
<li>Choose from 4 pre-made Table of Contents styles.</li>
<li>Hide and relabel headings without altering the original content.</li>
<li>Choose which headings to display in the Table of Contents.</li>
<li>Expand and collapse the content section.</li>
<li>Place the contents section anywhere.</li>
<li>Choose bulleted, numbered or plain lists</li>
<li>Use multiple Table of Contents blocks to break up and sub-index lengthy content.</li>
<li>Works with templates and individual posts/pages with Template Mode</li>
<li>Automatic template detection with helpful context-aware guidance</li>
<li>Mobile friendly</li>
<li>SEO friendly</li>
</ul>
<blockquote>
<p><strong>About HeroThemes</strong><br />
  <a href="https://herothemes.com/?utm_source=wprepo&utm_medium=link&utm_campaign=heroic-toc" rel="nofollow ugc">HeroThemes</a> develop some of the best WordPress plugins, tools and themes, with over 26,000 customers and counting. If you like this plugin and want more news, themes and plugins, you can do the following:</p>
<ul>
<li>Get the <a href="https://herothemes.com/themes/knowall-wordpress-knowledge-base/?utm_source=wprepo&utm_medium=link&utm_campaign=heroic-toc" rel="nofollow ugc">KnowAll Knowledge Base theme for WordPress</a>, create a WordPress powered knowledge base site in minutes.</li>
<li>Check out the <a href="https://herothemes.com/plugins/heroic-wordpress-knowledge-base/?utm_source=wprepo&utm_medium=link&utm_campaign=heroic-toc" rel="nofollow ugc">best WordPress Knowledge Base plugin</a>.</li>
<li>Answer Frequently Asked Questions with <a href="https://herothemes.com/plugins/wordpress-faq-plugin/?utm_source=wprepo&utm_medium=link&utm_campaign=heroic-toc" rel="nofollow ugc">Heroic FAQs plugin for WordPress</a>.</li>
<li>Follow HeroThemes on <a href="https://twitter.com/herothemes" rel="nofollow ugc">Twitter</a> & <a href="https://www.facebook.com/herothemes" rel="nofollow ugc">Facebook</a>.</li>
</ul>
</blockquote>


Heroic Table of Contents

a great, lightweight plugin that we use on some websites and does what it's supposed to do without any problems. Thanks a lot.

Great, lightweight plugin

This is a breath of fresh air and feels actively maintained and loved. The automatic heading detection works like magic, and having 4 built-in styles saves tons of design time. Really appreciate being able to hide/relabel headings without touching the original content - that's smart! The expand/collapse feature is perfect for long posts. While it's still growing (6k installs), the recent updates and stellar reviews suggest HeroThemes is committed to making this a winner.

Fresh & Promising Table of Contents Solution

Heroic Table of Contents is the easiest way to add a table of contents to your site.

Table Of Contents Block vs Heroic Table of Contents