{"id":305553,"date":"2020-07-13T10:42:49","date_gmt":"2020-07-13T17:42:49","guid":{"rendered":"https:\/\/wpbeaveraddons.com\/?page_id=305553"},"modified":"2022-03-10T23:39:01","modified_gmt":"2022-03-11T07:39:01","slug":"table-of-contents","status":"publish","type":"page","link":"https:\/\/wpbeaveraddons.com\/demo\/table-of-contents\/","title":{"rendered":"Table of Contents"},"content":{"rendered":"\n<h1>\n\t\tTable of Contents for Beaver Builder\n\t<\/h1>\n\tImprove readability, navigation &#038; SEO score of your websites with the advanced<br \/>\nTable of Contents Module for Beaver Builder.\n\t<a href=\"https:\/\/wpbeaveraddons.com\/pricing\/?utm_source=toc_demo&#038;utm_medium=cta&#038;utm_campaign=toc_demo_cta\" target=\"_self\" role=\"button\" aria-label=\"Get Started\" rel=\"noopener\">\n\t\t\t\t\t\tGet Started\n\t\t\t\t\t<\/a>\n\t<iframe allowfullscreen allow=\"autoplay\" data-src=\"https:\/\/www.youtube.com\/embed\/YkOoN93RLh4?feature=oembed&amp;start&amp;end&amp;wmode=opaque&amp;loop=0&amp;controls=1&amp;mute=0&amp;rel=0&amp;modestbranding=0\"><\/iframe>\t\t\n\t\t<h2>\n\t\t\tAdd Table of Contents Effortlessly\n\t\t<\/h2>\n\t\t\t<p>Add a table of contents to your web pages in just a few clicks! PowerPack Table of Contents module scans headings of your web pages and creates a table of contents.To make it more advanced and convenient, we have added an option to exclude include heading by using HTML tags and classes. Using this functionality, you can easily choose which titles should get involved in your table of contents, and which are not.<\/p>\t\t\n\t\tTable of Contents\n\t\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/toc-icon-1.svg\" alt=\"toc-icon-1\" \/>\n\t\t<h4>Scroll to Top<\/h4>\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/toc-icon-2.svg\" alt=\"toc-icon-2\" \/>\n\t\t<h4>Hierarchical View<\/h4>\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/toc-icon-3.svg\" alt=\"toc-icon-3\" \/>\n\t\t<h4>Add Anchors by Tags<\/h4>\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/toc-icon-4.svg\" alt=\"toc-icon-4\" \/>\n\t\t<h4>Custom Icons<\/h4>\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/bb-toc-img2.png\" alt=\"bb-toc-img2\" itemprop=\"image\" height=\"457\" width=\"620\" title=\"bb-toc-img2\" onerror=\"this.style.display='none'\"  \/>\n\t\t<h3>\n\t\t\tImprove SEO Score &#038; Optimized Readability with Table of Contents Module\n\t\t<\/h3>\n\t\t\t<p>Having a table of contents at your web pages helps you improve your websites&#8217; SEO score and enhances users&#8217; navigation experience. With the table of contents module, you can provide your visitors with an overview of the page; this helps them to find out exactly what they are looking for. It ultimately reduces their time &#038; makes it easier for them to go to the section they want to explore directly.<\/p>\n\t\t<h3>\n\t\t\tCustomization Options at your Fingertips\n\t\t<\/h3>\n\t\t\t<p>Table of Contents Module is loaded with advanced features &#038; functionality. You can customize &#038; style your table of contents the way you want. From word wrap to typography, color, and box styling. It gives you the flexibility to design this module to fit any website style, be it an e-com site, a knowledge base, or any wiki-style site<\/p>\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/bb-toc-img3.png\" alt=\"bb-toc-img3\" itemprop=\"image\" height=\"527\" width=\"620\" title=\"bb-toc-img3\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/bb-toc-sec4-latest.gif\" alt=\"bb-toc-sec4 (latest)\" itemprop=\"image\" height=\"908\" width=\"1460\" title=\"bb-toc-sec4 (latest)\" onerror=\"this.style.display='none'\"  \/>\n\t\t<h3>\n\t\t\tSticky Table of Contents Feature\n\t\t<\/h3>\n\t\t\t<p>If you tend to publish long-form content on your website, then the &#8220;Sticky&#8221; table of contents features is highly useful for you. Enabling this feature allows a table of contents to scroll along with the page as the user scrolls. This makes it accessible and easy for the user to navigate through the different sections of the content.<\/p>\t\t\n\t\t<h3>\n\t\t\tUnparallel List Styles\n\t\t<\/h3>\n\t\t\t<p>PowerPack ToC module provides you three different options to style your list content. You can either use Bullet, Number or select any icon from the FontAwesome icons&#8217; library.<\/p>\t\t\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/TOC-Module-list-styling.png\" alt=\"TOC Module list styling\" itemprop=\"image\" height=\"1068\" width=\"1320\" title=\"TOC Module list styling\" onerror=\"this.style.display='none'\"  \/>\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/bb-toc-img6@2x.png\" alt=\"bb-toc-img6@2x\" itemprop=\"image\" height=\"458\" width=\"610\" title=\"bb-toc-img6@2x\" onerror=\"this.style.display='none'\"  \/>\n\t\t<h3>\n\t\t\tGranular Controls for Each Device Type\n\t\t<\/h3>\n\t\t\t<p>PowerPack Table of Contents module provides you an option to minimize the TOC box on a particular device. You can choose custom breakpoints in order to create responsive table designs.<\/p>\n<p>Furthermore, you can also display a hierarchical view of the table &#038; provide a proper indent look for your table of contents.<\/p>\n\t\t<h3>\n\t\t\tGet Access to 350+ Beautiful Templates &#038; 65+ Creative Modules.\n\t\t<\/h3>\n\t\t\t<p>Buy worry free with our 14-Days Money Back Guarantee.\u00a0<\/p>\t\t\n\t<a href=\"https:\/\/wpbeaveraddons.com\/pricing\/?utm_source=footer&#038;utm_medium=cta&#038;utm_campaign=footer_cta\" target=\"_self\" role=\"button\" aria-label=\"GET POWERPACK\" rel=\"noopener\">\n\t\t\t\t\t\t<strong>GET POWERPACK<\/strong>\n\t\t\t<\/a>\n\n","protected":false},"excerpt":{"rendered":"<p>Table of Contents for Beaver Builder Improve readability, navigation &#038; SEO score of your websites with the advanced Table of Contents Module for Beaver Builder. Get Started Add Table of Contents Effortlessly Add a table of contents to your web pages in just a few clicks! PowerPack Table of Contents module scans headings of your&hellip;<\/p>\n","protected":false},"author":5362,"featured_media":305784,"parent":79,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/305553"}],"collection":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/users\/5362"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/comments?post=305553"}],"version-history":[{"count":5,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/305553\/revisions"}],"predecessor-version":[{"id":481217,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/305553\/revisions\/481217"}],"up":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/79"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media\/305784"}],"wp:attachment":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media?parent=305553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}