Table Of Content Block – help readers jump to any section instantly
Stop losing readers in long articles – add one block and get an automatically generated, clickable table of contents that takes visitors straight to the section they want.
Why Table Of Content Block?
Readers often get lost in lengthy content. Table Of Content Block automatically scans your post or page, identifies all headings, and creates a beautiful, clickable navigation menu that helps readers instantly jump to the sections they’re most interested in – improving navigation, boosting time-on-page, and enhancing the overall experience.
It’s more than a simple list of links: it works automatically the moment you add the block, stays synchronized with your content as you edit, looks great on all devices, and helps search engines understand your content structure for better SEO.
Whether you’re a blogger, content creator, or business owner, this plugin makes long-form content more professional, accessible, and user-friendly.
Free Features
- Automatic Generation: Builds the table of contents from the headings in your post or page – no manual setup.
- Customizable Styles: Adjust the appearance, including font, size, and colors.
- Smooth Scrolling: Clicking an entry smoothly scrolls the page to the corresponding heading.
- Anchor Links: Every entry is linked to its heading with an anchor link.
- Nested Headings: Display sub-headings as a nested hierarchy.
- Gutenberg Integration: Seamlessly integrates with the block editor.
- Responsive Design: Adapts to different screen sizes automatically.
How to Use
- Install and activate the Table Of Content Block plugin.
- In the Gutenberg editor, add the Table Of Content Block from the “Widgets” block category.
- The block automatically generates entries from your headings.
- Adjust styles and settings from the right-side settings sidebar.
- Publish – readers can now jump to any section instantly.
For installation help, click on the Installation tab.
Use Cases
- 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.
Did you like this plugin? Dislike it? Have a feature request? Please share your feedback with us.
⭐ Check out the Parent Plugin of this plugin-
🔥 B Blocks – Best gutenberg blocks collections for WordPress.
⭐ Check out our other WordPress Plugins-
🔥 Html5 Audio Player – Best audio player plugin for WordPress.
🔥 Html5 Video Player – Best video player plugin for WordPress.
🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.
🔥 Document Embedder – Best WordPress Document Embedder Plugin.
🔥 3D Viewer – Display interactive 3D models on the webs.
🔥 Advanced Post Block – Best Post Display Plugin for WordPress.
External Service Integration
Service Name: package.js
- Docs link: package docs link
Developer Notes
-
Assets file name assets file destination. ex: public/js/*.min.js
-
Public source code GitHub link for review, study, and contribute.
For more information on how to contribute to this plugin, please visit our GitHub repository.