Table Of Contents Block

Description

Table of Contents is a roadmap for your whole content and helps your readers to locate specific parts of the page to go directly to that section.

Using Table of Contents Block (TOC), you can improve the reading experience, accessibility, page SEO score & help your visitors to easily navigate.

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.

⚙️ Completely Customizable: You can customize and pick the heading tags which you want to appear on your Table of Contents.

⚡ Super Light-weight: No extra resources used and it’s highly optimized to automatically add Table of Contents inside your post or pages.

🧑‍💻 Dedicated Support: We’ve an extraordinary support team ready to help you. Ask your questions in the support forum, we’ll get back to you immediately.

🎁 GET ACCESS TO 22+ MORE FREE BLOCKS FOR WORDPRESS BLOCK EDITOR

Get Essential Blocks Gutenberg editor – an advanced blocks library to power up your Gutenberg design experience. It brings stunning blocks including:

🚀 BACKED BY A TRUSTED TEAM

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).

⚡ SUPPORT & DOCUMENTATION

🧑‍💻 If you have any more questions, visit our support on the Plugin’s Forum

🌐 For more information about features, FAQs and documentation, check out our website at Essential Blocks for Gutenberg

🙌 JOIN THE COMMUNITY

  • 🎦 Subscribe to our Youtube Channel to watch video tutorials on WordPress
  • 🤝 Join our Facebook Community & get connected with expert web creators like yourself
  • 🧡 LOVED this plugin? Rate us on WordPress Repository

🔥 GET FREEBIES FOR YOUR WORDPRESS SITE

Consider checking out our other WordPress solutions & boost your WordPress website:

🔝 Essential Addons For Elementor: Most popular Elementor addons with 70+ widgets & ready blocks

Templately: Free templates library for Elementor & Gutenberg along with the cloud collaboration for WordPress

🔔 NotificationX: Best Social Proof & FOMO Marketing Solution to increase conversion rates

📚 BetterDocs: Best Documentation & Knowledge Base Plugin for WordPress reduce manual support tickets & improve user experience.

WP Scheduled Posts: Advanced editorial calendar & complete solution for WordPress Post Scheduling, social sharing, missed scheduled alerts and more.

ReviewX: WooCommerce Product review plugin that allows users to submit product reviews with multiple criteria, photos, video and more

♾️ EmbedPress: Embed anything and everything in WordPress without any coding

Flexia: Most lightweight, customizable & multi purpose theme for WordPress

Modern Way:

  1. Go to the WordPress Block/Gutenberg Editor
  2. Search For “Table of Contents Block”
  3. Install in 1-click

Manual Installation:

  1. Upload table-of-contents-block to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Blocks

This plugin provides 1 block.

  • Table Of Contents Insert Table of Contents on your posts/pages and enhance user experience on your WordPress website

FAQ

Does it work with all theme?

Yes, it should work fine with all standard theme.

Reviews

25 Avqust 2022
I had a small CSS-related issue with the plugin, but the developer very quickly sent an update to correct it. Great support!
22 Avqust 2022 6 replies
Started to use it like an hour ago, works well. The only thing it missing, that comes to my mind, is an option for 'Scroll To Top' arrow — 'Scroll to Table of Contents'. It would be perfect if devs would add it 🙂
01 Fevral 2022
It finds automatically finds a heading and compiles it into TOC, But if the heading starts with a number (i.e for example if I have 2 content in a table 1. banana 2. orange or like 1Banana 2orange or 1)banana 2)orange ) it discovers the headings but it doesn't link to that specific section. N.B This happens regardless of TOC's style whether it is numbered list or not, if your heading has a number at start it occurs
21 Oktyabr 2021
I just needed a block with a table of contents for my longer blog articles. This plugin delivers exactly that: It finds all the headings in the article and compiles them automatically as a TOC with links to these headings. The TOC is highly customizable through the block settings, however I prefer to style it through my global CSS stylesheet which delivers a consistent look and feel for all my TOC. Very nice!
Read all 6 reviews

Contributors & Developers

“Table Of Contents Block” is open source software. The following people have contributed to this plugin.

Contributors

“Table Of Contents Block” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Table Of Contents Block” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.4.0 – 28/02/2024

  • Added: New preset for Table of Contents Block
  • Fixed: Special Character issue in Table of Content block headings
  • Fixed: Table of Content block warnings with PHP 8.2 or higher
  • Improved: Table of Contents block multiple request reduce on editor load
  • Table of Contents block special character support issue
  • Fixed: Table of Contents block issue with PHP@7.2

1.3.6 – 06/12/2023

  • Fixed: style enqueue issue

1.3.5 – 21/11/2023

  • Added: Table of Content link copy button
  • Added: Table of Content block support All Heading blocks
  • Added: Heading exclude option in Table of Content block
  • Fixed: Table of Content block doesn’t work inside wrapper/group block
  • Improved: Font loader

1.3.4 – 18/12/2022

  • Fixed: Minor bugs
  • Improved: Update controls

1.3.3 – 26/09/2022

  • Added: Scroll to TOC position option
  • Added: Added TOC sticky position option

1.3.2 – 23/08/2022

  • Fixed: TOC Heading issue with wrapper border radius
  • Improved: Update controls

1.3.1 – 02/08/2022

  • Added: Offset top options
  • Improved: Converted style-handler to php for working perfectly with Reusable blocks and FSE

1.3.0 – 24/04/2022

  • Added: Animation Option
  • Added: Responsive Block Show/Hide option
  • Added: Custom CSS Option
  • Added: Reset button on few controls
  • Improved: Controls and structure
  • Fixed: Minor css issues

1.2.0 – 08/03/2022

  • Fixed: Issue with Digit text in start of Heading

1.1.0 – 08/02/2022

  • Added: Dynamic asset generation for inline styles
  • Added: Responsive control
  • Improved: Controls and structure
  • Improved: Inspector Panel Design & controls
  • Improved: Responsive Device Preview improved. Now the preview options synced with the WordPress’s default preview button.
  • Improved: Security for asset generation

1.0.1 – 25/01/2022

  • Fixed: Some minor bugs

1.0.0

  • Initial Release