Table of Contents

Generate Table Of Contents Automatically for better Readability and SEO

Introducing the easiest way to add navigation in your long posts or pages. It's now just a few-click job with Table of Contents module in Beaver Builder!

Clean Content Outline

Serve readers a clean outline of your content

Scrolling long posts and finding a specific topic to read can be boring. A quick index at the top of the page/post can give an idea about topics explained within a post.

So the readers can easily find the topic of their interest and will love to read your content.

toc2
toc4
SEO Benefits

Increase user engagement with SEO benefits

Usually, readers try to skim guides/blogs in one glance. Tying up readers with long posts can be challenging sometimes. A simple Table Of Contents will increase the reader's time on the post as well as serve Google the structure of your content. Such structure can be easy to appear in search results.

Easy to achieve

Create a Table of Contents with least efforts

Just drag a module to add a Table of Contents into your post. It will automatically grab heading tags in the post and add them to the table with a link. Heading and sub-headings will be arranged to display the appropriate hierarchy of the content.

toc5
Quick Steps to Follow

Adding Table of Contents for your page/post

table-v2

01.

Add headings in the content

Arrange your long content into small sections and assign headings for these sections

drag-v2

02.

Drag & Drop Table of Content module

Seach and drag the TOC module. It will automatically scan the content and create an index according to your headings

edit-v2

03.

Customize the Table

Choose heading tags to display. Enable Smooth Scroll, Make Content Collapsible or style it up with colors and typography

Flexible. Customizatble.

Complete Control on Customization

select-headings

Select Headings To Display

You can select particular Heading Tags to display in the Table of Contents.

bullet-styles

Choose Bullet Style

Order / Unordered Lists or None, you have a choice to select from these.

smooth-scroll-v2

Enable Smooth Scroll

You can enable the Smooth Scroll effect so that the content is traversed smoothly.

scroll-to-top

Add Scroll To Top Button

An easy way for the users to go to the top of the page, once they reach the end of the content.

collapsable-v2

Make Content Collapsible

To save some space, you can make the Table of Contents collapsible.

exclude-heading

Exclude Particular Heading

Any particular heading in the content can be excluded from the list.

60+ MODULES. 300+ TEMPLATES. STELLAR SUPPORT.

TAKE BEAVER BUILDER TO THE NEXT LEVEL!

14-Day Money Back Guarantee

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Free Download

Enter your name & email address to download this awesome freebie.

Meet Astra! The fastest & fully customizable theme made for Page Builders. The best part? It's absolutely FREE!

Looking for the Perfect Theme?

Scroll to Top