Introducing the Table of Contents module for Beaver Builder

Last updated July 15, 2020 · Yashwardhan Rana

Hello Builders!

Today, we are releasing a brand new module for the PowerPack Beaver Builder addon.

Meet the Table of Contents module. As the name suggests, with this module, you will be able to add Table of Contents section to your website’s blog easily using the Beaver Builder.

Like this one!

Looks awesome, right? Let me take you through the features of this module.

Overview


I am sure there is no debate on how big of a role your blog or content plays, and while the content is important, another thing that is often overlooked is proper navigation.

Good navigation can improve your website’s user experience a lot, and when it comes to a blog, a table of contents giving the reader an overview of what the article contains is a really helpful addition. Most of the readers out there are not interested in reading the entire piece of content. Instead, they are looking for a solution and are skimming through, and in that case, a responsive and functional TOC or Table of Content can be a great addition.

Check out the detailed tutorial video of Table of Contents module for Beaver Builder

PowerPack’s Table of Contents

With the new PowerPack’s Table of Contents or TOC module, you can easily add additional navigation to your website within minutes. If you are using the Beaver Themer, you can directly, add and set up the module on your blog archives template, and it will start showing up on every blog on your website. Easy peasy!

Let’s take a look at the features of the TOC module.

Easy Setup

Setting up the TOC module is pretty straightforward. You drag and drop the module on the page you want to, and it will automatically fetch the headings from the blog and display them as contents. From there, you can go ahead and make the other changes you want to make, like designing, responsiveness, etc.

Include/Exclude what you want

With the module content settings, you can specify the sections and rows’ data you want to show. If the TOC module is fetching the heading of a row you do not want (for example footer or the CTA at the bottom), just add a class or ID to that row and add the same to the module settings and you are good to go. The table will exclude all the headings in that row.

TOC BB Include Exclude

Extensive Styling

What is the point of having the table of contents if it does not match your website’s style?

For the styling, you get loads of options with the PowerPack’s TOC module for Beaver Builder. You can change the typography, colors, padding, margin, look, behavior with the style tab of the module settings. The design you want to create is literally a couple of clicks away!

Styling Beaver Builder TOC

Sticky Table of Contents

Often with REALLY LONG blogs, the biggest grind is to scroll back to the top so that one can go through the table of contents and the items on that list. But with the TOC for Beaver Builder, we have added the sticky feature which gets triggered when the user scrolls off from the Contents table. You can change the position of the table, and if you want the table to appear on a few devices like a desktop or laptop, you can do that as well.

And further, to eliminate the time where the user has to scroll back to the top of the page, we have added a Scroll to Top button to ease the navigation further.

Hierarchical View

The Hierarchical view makes the table looks more organized and easy to navigate. You can enable the hierarchical navigation using the Content settings, and all the content of the page will align itself in the table automatically. Further, if you want to change the list style, you can choose from numbers, icons, and bullets.

Get the Table of Contents Module for Beaver Builder

If you are PowerPack user, all you need to do is to update the plugin to the latest version, and you will get the TOC module for beaver builder.

If you are new here and are looking for a way to get your hands on this module, you can get it along with other creative 90+ modules. Not just that, you also get 350+ professionally designed templates to use with Beaver Builder.

Get access to all of the things I’ve mentioned above here! Get PowerPack For Beaver Builder

Also, if you want to be a part of our Facebook community, you can join here.
Do let me know your thoughts on the Table of Contents module, and if you found this piece of content useful, do share the love!

Posted in

A few more interesting posts →

1 Comment

  1. […] Table of Contents module added to Beaver Addons plugin. […]

Leave a Comment





PowerPack Beaver Addons

PowerPack Beaver Addons

Start creating beautiful websites with 50+ modules and 350+ templates for Beaver Builder.

Join 6000+ Subscribers.

Get latest Beaver Builder Tips and Updates in your Inbox. 

Please enter your name.
Please enter a valid email address.
Something went wrong. Please check your entries and try again.