How To Add Table Of Contents In WordPress?

I know you are aware of Table Of Contents, Aren’t you?

When you were in the school and whenever you open any book to read on the first page you could see an Index page, this is the Table Of Contents.

Adding TOC in your blog can give you SEO benefits and it will also help your readers to navigate long articles, they can easily skip any section or jump to a section that they want to read.

They will not have to scroll your lengthy posts to reach their favourite section if you have TOC added.

This post will help you to add a table of contents in your WordPress blog that will help your readers to navigate your blog post’s sections.

What Is Table Of Contents?

Table of contents is just like Index that shows you what a webpage contains, and it helps your readers to go to the section which they like to read.

Table of Contents divide your full post into various section according to the headings and add a hyperlink list so whenever a reader clicks on a link he can directly jump to the section.

In more simple words, You can say Table of contents help readers to jump to any specific section which they want to read.

Every page of Wikipedia has a Table of Contents to navigate the sections of the page. You can see the below’s image

Table Of Contents

Users Experience is matters a lot, this is the simple trick for you to provide a good user experience to your users and engage them to your blog more effectively.

Why You Should Use Table Of Contents In WordPress?

Adding Table of Contents helps your readers to skip the section of long articles which they don’t want to use or jump to a section what they like to read in the entire article.

And it will also give you SEO benefits because Google will also show jump to section link on search engine result for your page if it detects TOC added on your page.

How To Add Table Of Contents In WordPress?

It is also a recommendation by the WordPress SEO plugins to make your page SEO friendly.

How To Add Table Of Contents In WordPress?

Many beginners found it tough to create TOC manually by adding the ID Attribute. But it can be SUPUR easy by using plugins, you just need to download it once and it will work automatically.


How To Add WordPress Table Of Contents Using A Plugin?

There are many AMAZING Table of Contents plugins available for WordPress. I’ve tried almost all the plugins here for StayMeOnline blog to find the best one.

I got the two best names for WordPress TOC that will help you to add Table of Contents in your WordPress blog.

The first is Table of Contents Plus and the other one is Easy Table of Contents. Both are the best table of contents plugins for WordPress.

Table Of Contents Plus

Table Of Contents Plus is a very popular plugin that has more than 300,000 active installs and having 4.5 stars rating.

Here is how you can add a table of contents using the TOC+ plugin.

First, log in your WordPress admin panel. and go to Plugins>Add New to download a plugin called Table of Contents Plus.

Table of contents plus

Click on the Install button to install the plugin and after successful installation, click on the Activate button to make it live.

The plugin started working, Now go to Settings>TOC+ to customize your TOC of your WordPress blog.

In the settings page, you can see some settings…

Position: Here you need to choose where you want to show your TOC, there are four options 1. Before first heading 2. after the first heading 3. Top and 4. Bottom.

Show When: This is for when you want to show TOC in posts, choose how many headings a post should have to show the TOC.

Content-Type: Select in which type of content TOC should show, I recommend you to select the only post.

You can see all the above’s settings in the below image…

Table Of Contents

Tick the box to show the title on top of the TOC and write what you want to show on the top of the TOC.

Tick the second box if you want to allow users to show and hide TOC. You can also check the third box if you want to initially hide your TOC.

Tick the Show Hierarchy, Number list items and the most important Enable Smooth scroll effect because it will give a smooth scrolling effect.

Table Of Contents

Let’s move to the Appearance settings, Here you can select Width and Wrapping and the Font size of your TOC. I recommend you to leave them default or you can customize that as per your needs.

Presentation: These are the prebuild themes available for your TOC.

TOC+ Apperance

Advance Settings Of TOC+

You can leave these settings as default or make changes if you want to exclude any headings from your TOC.

Heading Levels: Open Advance settings and make sure all the headings are checked if you want to include all headings in your TOC. it will help to create sections in your TOC based on these headings.

Note: Mostly bloggers include only H2 in their TOC. I am also showing H2 in my table of contents on StayMeOnline.
TOC heading

This is all you need to do to add a TOC in your WordPress. You can easily see your TOC box by visiting any of your blog posts.

TOC

Other Table Of Contents Plugin For WordPress

There are many other plugins also available which can help you to create TOC for your WordPress blog.

Here is the list of the table of contents plugin for WordPress:

Easy Table Of Contents

Easy Table Of Contents is the no.1 table of contents plugin for WordPress. It has more than 100,000+ active installs along with the 4.5 stars rating.

It has many customization features that will allow you to customize your table of contents box. I am also using the Easy Table of Contents to create TOC for my blog.

Ultimate Blocks For Gutenberg

I recently started using Gutenberg for writing blog posts on StayMeOnline. In past, I was using Classic Editor because there were some issues with Gutenberg when it launched.

But now they have fixed all the issues and Gutenberg is providing an amazing environment for writing.

There is also a plugin for Gutenberg which provide some extra block options and table of contents block is one of them, that allows you to add TOC.

You can download the Ultimate Blocks For Gutenberg here…

LuckyWP Table of Contents

Another good plugin for creating a TOC for your WordPress site. It allows you to create SEO-friendly TOC.

It has many amazing features also, which you can see by clicking here…


How To Add WordPress Table Of Contents Without Plugin?

If you don’t want to use a plugin only for adding a TOC on your blog then here is a way that will help you to add a TOC without using a plugin.

Note: I highly recommend you to use a Table of Contents plugin for WordPress for adding TOC on your WordPress website because doing it without plugin will take time and efforts. You need to do it manually for all your posts but on the other hand, if you use a plugin, it will work automatically.

For creating TOC without any plugin, you need to use the Anchor Link ID.

You need to list down all the headings in your page at one place(like a list). And add ID attribute along with the # for all the headings you have listed as your TOC.

See the screenshot below to understand more:

How To Add Table Of Contents In WordPress?

You have to add ID attribute in all the headings you have on your page… for adding ID, you need to add the same text that you have added on TOC after the #.

See the image below:

How To Add Table Of Contents In WordPress?

You need to do the same for each heading you have on your blog post. Add ID attribute to all the headings and also add the same ID on the link.


How To Add Table Of Contents On Sidebar In WordPress?

TOC on the sidebar of a website looks unique than others and help you to provide a good user experience.

But you need to use a TOC plugin for this because manually created TOC won’t work in this case.

I recommend you to use Easy Table Of Contents or TOC+.

For adding TOC on Sidebar, you need to visit widgets by going to Apperance>Widgets and find Table of Contents or TOC+(If you are using Table Of Contents Plus) widget in the available widgets area.

TOC+

Once you got that, place it on the sidebar where you want your readers to see your TOC.

TOC on Sidebar

Now visit any post on your blog to see whether it is added or not.

How To Add Table Of Contents In WordPress?

This is how simply you can add a TOC on the sidebar of your WordPress website. I’ve not tested adding TOC on the sidebar using any other plugin except TOC+ and Easy Table of Contents.


How To Add Floating Table Of Contents In WordPress?

Now it’s is the time to know how you can add a floating TOC on your site…

Floating Table Of Contents will provide an easy option for your readers when they want to skip a section or want to jump to another section.

They don’t need to go up again to find TOC box, rather it will be fixed on their screen.

There is only place where you can add a floating TOC website that is Sidebar. Because there is no other place than sidebar where you can add a floating sidebar.

Right…?

And you already know how to add the table of contents on the sidebar of a WordPress website. So, there is no need to explain again. You can jump to that section from here…

Okay… So, you need to add TOC on your sidebar to add a floating table of contents because there is no other place where you can add that.

Now you only need to make that floating…

For making sidebar TOC floating, you need to download a plugin called “Q2W3 Fixed Widget for WordPress“…

Once you have downloaded and installed the plugin successfully, you need to visit Appearance<Widgets and click on TOC widget where you added it…

You will see the option “Fixed Widget” at the bottom of the widget… You need to tick that to make your Table of Contents floating.

How To Add Table Of Contents In WordPress?

Now visit your website to see whether it is working or not…

How To Add Table Of Contents In WordPress?

Try It Yourself

I’ve explained every type to TOC which you can add on your WordPress blog, be it sidebar TOC, floating TOP and also with or without using the plugin.

If you are using blogger platform for your blog then here is how you can add Table Of Contents on Blogger.

I hope you found this post enough useful for you, if you did then must share it with others.

If you have any query or question, feel free to ask in comments or you can also join our community where you can learn to grow your blog.

🙏 One Humble Request!

I’ve put a lot of effort and done lots of research in writing this post to provide value to our blogging community. I will be glad if you share this post on social media. Sharing is caring 🤗

Share on facebook
Share on twitter
Share on telegram
Share on pinterest
Ravi Dixit

Ravi Dixit is a Blogger and Affiliate Marketer, He is the founder of StayMeOnline Who Loves to help others. Travelling and learning new things online are his first love. "I only want a life without any boundaries- Ravi Dixit"


Affiliate Disclosure: Some of the links on this page are affiliate links. If you buy any product using an affiliate link placed on this blog, it will not add any extra cost in the total price of the product rather I will get some commission from the company. This will show me 💖 from your side, for more details read this...

Join Community Of Like-Minded People

StayMeOnline Community For Bloggers (2)

7 thoughts on “How To Add Table Of Contents In WordPress?”

  1. Hey Ravi, I was thinking about it. I like your table of content is keyword stuffing post. I also want to know that how have you done this. Today you have shared the post, thanks alot. You are doing good work.

    Reply

Leave a Comment

Share via
Copy link