WordPress

10+ Best “Table Of Contents” WordPress Plugins [2021 Edition]

Long posts dominate the search results, everyone knows that. But how do your visitors navigate through the giant piece of content?

The answer is very simple add a Table of Contents (ToC) to your blog posts. This will provide clear information about what the post contains and enable them to jump directly to their point of interest. This also leads to a significant enhancement in the user experience.

Whats more, adding a table of content will enhance the search engine visibility of your content. For articles with ToC, Google will add links under meta description to jump to the links directly from the search results.

Since adding ToC offers so many benefits, it makes perfect sense to add the table of content to your WordPress blog. There are several WordPress plugins to help you do that. Continue reading to know more about the best WordPress table of contents plugins.

Best Table of Content WordPress Plugins

Even though a quite number of Table of Content plugins are available in the WordPress repository, most of them are outdated. Its not a good idea to use an outdated plugin.

To help you to find the right plugin, Ive compiled a list of 10+ Best Table of Contents WordPress Plugins.

*This table of content is created with Ultimate Blocks.

Ill also show you How To Manually Add Table Of Contents In WordPress.

Now let’s get started with the first WordPress ToC plugin.

1. Ultimate Blocks

Ultimate Blocks is not a dedicated Table of Contents plugin, rather it offers a collection Custom Gutenberg Blocks including Table Of Content Block. Its a must-have plugin for Gutenberg users.

The plugin doesnt have any additional settings. Once youve activated the plugin, all you need to do is inserting the Table Of Contents block to your blog post.

It will automatically generate Table of Contents from headings. You can change the name of your table of contents. And you can place it anywhere you want.

Things To Know Before Choosing This Plugin

  • Its not a dedicated ToC plugin, rather its a collection of custom Gutenberg blocks.
  • It will not work in WordPress Classical Editor. You need to have Gutenberg editor.

2. Easy Table of Contents

As you can guess from the name, this plugin provides you with an easy way of adding ToC to your WordPress site. The plugin will automatically generate the ToC by collecting the headings of your content. It works perfectly with posts, custom posts, and pages.

There are separate options to enable, auto-insert the ToC in various types of contents. You can choose the position of the table of contents as well. The available options include before or after first heading, top or bottom of the content.

You can set the minimum number of headers to show the ToC. This enables you to hide the ToC from shorter posts. For the counter type, you can choose from numeric, roman alphabets, or decimal.

The plugin also comes with some powerful customization options. For instance, you can choose any of the relative or fixed widths defined by the plugin, or provide a custom width. You will find a separate field to determine the font size as well.

There are five readymade themes to help you get started. However, it is also possible to create your own theme by choosing the background, border, title, link, link hover, and link visited colors. The advanced setting section enables you to define which header tags should be included in the table of contents.

A Typical ToC Created With Easy Table of Contents Looks Like..

Things To Know Before Using This Plugin

  • Its the most popular ToC plugin which is compatible with current WordPress version.
  • Its a free plugin and you can download it from WordPress.org repository.

3. Table of Contents Plus

By numbers, Table of Content Plus is the most popular table of contents plugin in WordPress repository. More than 300,000+ websites are using this plugin.

It offers the simplest way of adding ToC to your WordPress website. The plugin enables you to show the table of contents on all of your posts, pages, and custom post types. It is possible to enable automatic ToC insertion for different types of contents.

You can display the ToC in different locations like before or after the first heading, top or bottom of the content. There is a handy option to define the minimum number of heading tags for displaying the table of contents.

By default, the plugin will show Contents as the heading of the ToC. You can replace this with your own text or hide the heading altogether. You can enable the visitors to toggle the ToC visibility and choose to hide the ToC initially.

Other notable options include displaying numbers in the table of content, showing hierarchy, enabling smooth scrolling effect, and so on.

ToC+ comes with a couple of customization options. These enable you to define the ToC length, wrapping style, and the font size. You can choose any of the five default styles for the ToC or create your own design from scratch.

The plugin also features a few custom shortcodes. You can use these shortcodes to show the ToC in custom locations, hide ToC from a specific content, show the full sitemap or only the posts, pages, or categories in the sitemap.

A Typical ToC Created With Table of Contents Plus Looks Like –

Things To Know Before Choosing This Plugin

  • This plugin hasnt been test with the last 3 major WordPress updates.
  • We would recommend you to use another plugin on this list as a Table Of Contents Plus alternative.

4. Fixed TOC

This stylish plugin enables you to create and display uniquely styled table of contents on your WordPress site. The Fixed TOC Plugin will scan your content and automatically create the ToC based on the headings. It works correctly with all content types.

There are two ways to show the ToC the smart show and fixed on the sidebar. The plugin comes with several attractive styles to help you get started. You can customize the font, color, position, size, etc. for these styles.

Thanks to the smooth scrolling feature, visitors can scroll to any section by using the ToC. The heading indicator will show their current position in the content.

If your content includes additional points under each sub-heading, the ToC will become longer. Fixed TOC Plugin has come up with a unique solution to this issue. Visitors can toggle the sub-headings to view or hide the additional points.

You can customize the ToC colors from the live customizer section. The fully responsive table of content works great on mobile and tablet devices as well.

A Typical ToC Created With Fixed TOC Looks Like

Things To Know Before Choosing This Plugin

  • You can show both fixed and floating ToC by using this plugin.
  • Its a premium plugin which costs $20.

5. Heroic Table of Contents

Created by the team at HeroThemes, its one of the best ToC plugins for the block editor. Heroic Table of Contents automatically creates the table of contents by detecting headings of a post/post. You have to add the Heroic Table of Contents block where you want to add the ToC. 

The plugin comes with four built-in styles and options for customizing the look of the table of contents. You can hide particular headings and change the text of the headings without altering the original contents. You can also add the expand and collapse option. 

A Typical ToC Created With Heroic Table of Contents Looks Like:

Things To Know Before Choosing The Plugin 

  • This plugin works only with the Block editor. 
  • Its an entirely free plugin. 

6. SimpleTOC

As the name suggests, its a very simple and easy-to-use plugin. After installing the plugin, you dont have to configure any settings. Go to the editor, search for the SimpleTOC block, and add it to your post/page. It will automatically add the table of contents. 

This plugin is compatible with AMP and inherits the style of your theme. You can change the maximum depth of the headings and choose an ordered or unordered list. 

A Typical ToC Created With SimpleTOC Looks Like:

Things To Know Before Choosing The Plugin:

  • This plugin is built for Gutenberg only.
  • Its a completely free plugin. 

7. Rich Table of Contents

Rich Table of Contents comes up with some advanced design options. You can customize the H2 and H3 list designs. You can also add a frame and animation to your table of contents. It has six design presets. 

And when it comes to customizing the color, it lets you change the colors of the title, text, background, border, headings, and back to button. It also has some advanced settings. 

A Typical ToC Created With Rich Table of Contents Looks Like:

Things To Know Before Choosing The Plugin 

  • This plugin automatically generates ToC for all of your posts. 
  • Its a free plugin.

8. CM Table Of Contents

CM Table of Contents is the most up-to-date Table of Contents plugin in WordPress directory. Its created by the team at CreativeMinds.

The plugin comes with a dedicated option to ensure that the table of content is displayed only on single posts and pages. It is also possible to provide a custom title for the ToC. You will find all the admin options at the CM Table of Contents > Settings page.

And the plugin doesnt generate ToC automatically. To enable the ToC, you have to check a box at the end of the content.

There are dedicated fields to manage the six levels of the ToC. For each level, you can define the relevant heading tag, assign a custom ID or class, and choose the font size.

If you want advanced options like automated ToC creation, inserting the ToC into custom locations, collapse ToC when the page is loaded, and multiple pages ToC, you have to purchase the premium version of the plugin.

A Typical ToC Created With CM Table Of Contents Looks Like

Things To Know Before Choosing This Plugin

  • It has only 800+ active installations, but it gets regular updates.
  • It has both free and premium version. The premium plan starts at $29 for 2 websites.

9. Multipage

As the name suggests, it creates table of contents for multiple pages. This plugin allows you to divide a post into multiple subpages. And you can show table of contents on first or every subpages.

The table of contents will redirect users to the subpages. And it will count as a pageview.

The plugin also allows you to customize the look if you have CSS knowledge. You can create a new new multipate.css file and put it on theme /css/ folder.

A Typical ToC Created With Multipage Looks Like

Things To Know Before Choosing This Plugin

  • Only use this plugin if you are about to create subpages of your blog post/page.
  • Its a free plugin available in WordPress repository.

10. Elementor Table of Contents

Elementor, the best page builder for WordPress, has recently added the Table of Contents widget for pro users. It lets you add a dynamic table of contents to the page built with Elementor. It will give your readers better readability. 

You can customize the ToC to match it to your website design. And the table of contents is fully responsive to fit all screen dimensions.

A Typical ToC Created With Elementor Looks Like:

Things To Know Before Choosing The Plugin:

  • You need to have Elementor Pro installed to use the table of contents. 
  • Your whole post/page needs to be built with Elementor to use it. 

11. Table of Contents by Thrive Architect

Thrive Architect is not just a Table of Content generator, it’s a complete page builder with tons of features.

It offers an automated ToC builder element. Once you insert the element into the content, it will automatically create the ToC. You can drag and drop the element to anywhere in the content.

Next, choose which heading tags (h1-h6) you want to include in the table. Once you do that and click update, the ToC will be automatically created for you. Its that simple.

There are lots of admin options to help you control the table of content. First of all, you can provide a custom name for the section. The Max-width and Min-width options enable you to set up the width. It is also possible to choose the text alignment. Available alignment options include left, right, justified, and centered.

The default setting will create the ToC in two columns. You can change this to create one, two, or three-column table of content. There are separate options to use custom margin and padding for this section. You can choose the background, border, and header background colors too.

A Typical ToC Created With Thrive Architect Looks Like….

Thrive Architect offers the most dynamic way of adding table of contents. It offers complete customization options. Heres how a typical ToC looks like.

Things To Know Before Choosing This Plugin

  • It’s a premium page builder plugin that costs $67 for a single site.
  • You will have to build your content with Thrive Architect to use this table of contents option. I mean you cant use it on WordPress editor.

So these are the best ToC plugins that you can use to add Table of Contents on your blog posts or pages.

Now Id like to show you the manual way as well.

How To Manually Add Table Of Contents In WordPress

Yes, you can add table of contents in WordPress without using a plugin. And WordPress makes it insanely easier in Gutenberg Editor.

Lets see how you can add ToC in Gutenberg.

At first, highlight the header and click on Advanced from the right hand side. Then you need to enter the anchor name in HTML Anchor box.

Now go back where you want to link it. Just select that text and link it with a # before the anchor name (follow screenshot).

Thats it. You are done.

To learn more ways of Adding Table of Contents or Anchor Links in WordPress, follow this massive guide by Kinsta.


Final Words

So, those are the ways you can use to add table of contents to your WordPress site.

I personally prefer the manual approach rather than using a plugin. But sometimes, we need plugin to have other functionalities like toggle on/off, floating table of contents, etc.

If you are using Gutenberg editor, Id recommend you to use Ultimate Blocks. Its a must have plugin for Gutenberg users.

Are you using any ToC creator plugin right now? If yes, let me know which one you use in the comments below.

Related Articles

Leave a Reply

Back to top button
%d bloggers like this: