{"id":1978,"date":"2020-11-16T16:14:42","date_gmt":"2020-11-16T10:14:42","guid":{"rendered":"https:\/\/betterdocs.co\/?post_type=docs&p=1978"},"modified":"2022-02-17T19:24:11","modified_gmt":"2022-02-17T13:24:11","password":"","slug":"table-of-contents-elementor","status":"publish","type":"docs","link":"https:\/\/betterdocs.co\/it\/docs\/table-of-contents-elementor\/","title":{"rendered":"How To Configure BetterDocs Table Of Contents In Elementor"},"content":{"rendered":"

Con <\/span>BetterDocs<\/b><\/a>, you can add a Table Of Contents to your Single Doc page in <\/span>Elementor<\/b>. Usually, the Table Of Contents has added automatically after the first heading of your documentation. But now you can add the Table Of Contents widget anywhere on your single doc page.\u00a0<\/span><\/p>\n

Nota: <\/i><\/b>Il generatore di temi Elementor \u00e8 una funzionalit\u00e0 disponibile solo con <\/span><\/i>Elementor Pro<\/i><\/b><\/a>. So, in order to configure the Table Of Contents for your single doc page in Elementor, you must have the Pro version of Elementor installed.<\/span><\/i><\/p>\n

Follow these instructions below to configure BetterDocs Table Of Contents<\/strong> in Elementor Theme Builder.<\/span><\/p>\n

Step 1: Activate BetterDocs Table Of Contents Element<\/b><\/h2>\n

First create your <\/span>single doc in Elementor<\/b><\/a> by navigating to <\/span>Modelli \u2192 Crea temi<\/b> from your WordPress dashboard. Add your documentation content using the <\/span>Contenuto documento<\/b> element. Next, search for \u2018Doc Table Of Contents\u2019<\/strong> in the <\/span>'ELEMENTI' tab. It will show up on your website as shown below.<\/span><\/p>\n

\"Table<\/p>\n

Drag and drop this element anywhere on your page to activate it. This way, you get more flexibility to add Table Of Contents<\/strong> anywhere on your single doc page.<\/span><\/p>\n

\"Table<\/p>\n

Step 2: Configure BetterDocs Table Of Contents In Elementor<\/b><\/h2>\n

Dal <\/span>'Soddisfare'<\/b> tab you can configure the supported heading tags for your BetterDocs Table Of Contents<\/strong>. This option lets you decide which heading tags will appear on your Table Of Contents. You can also choose to enable or disable \u2018List Hierarchy\u2019<\/strong> e \u2018List Number\u2019<\/strong> if you want to show or hide your list hierarchy and number.<\/span><\/p>\n

Besides this, you can also toggle to make your BetterDocs Table Of Contents<\/strong> collapsible on small devices like mobile phones and tablets for better user experience.<\/span><\/p>\n

\"Table<\/p>\n

Step 3: Style BetterDocs Table Of Contents In Elementor<\/b><\/h2>\n

Sotto il <\/span>'Stile'<\/b> tab, you can change the box width, margin, padding and background colors for your Table Of Contents<\/strong> by changing the settings under the <\/span>'Scatola'<\/b> option. You can also change the alignment of your Table Of Contents here. From the <\/span>'Titolo' <\/b>option, you can change text color, typography and also add text-shadow.\u00a0<\/span><\/p>\n

Similarly, you can further customize your BetterDocs Table Of Contents in Elementor by changing the typography, hover color, color and list item spacing from the <\/span>\u2018Toc List\u2019<\/b> opzione.<\/span><\/p>\n

\"Table<\/p>\n

Esito finale<\/b><\/h2>\n

By following these basic steps you can add and configure BetterDocs Table Of Contents<\/strong> in Elementor.<\/span><\/p>\n

\"Table<\/p>\n

 <\/p>\n

Con l'aiuto di <\/span>BetterDocs<\/b><\/a>, you can get more flexibility to add a Table Of Contents and customize your single doc page without any coding in Elementor Theme Builder.<\/span><\/p>\n

If you face any difficulties, feel free to contact our <\/span>team di supporto<\/b><\/a>.<\/span><\/p>","protected":false},"excerpt":{"rendered":"

Using the Doc Table Of Contents element from BetterDocs, you can add stunning Table Of Contents in your single doc page in Elementor. <\/p>","protected":false},"author":12,"featured_media":1984,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[309],"doc_tag":[10,14,18,43,17,69,70,54,53,71,16],"knowledge_base":[282],"class_list":["post-1978","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-betterdocs","doc_tag-configuration","doc_tag-documentation","doc_tag-elementor","doc_tag-knowledge-base","doc_tag-single-doc","doc_tag-single-doc-elementor","doc_tag-sticky-table-of-content","doc_tag-table-of-content","doc_tag-theme-builder","doc_tag-wordpress","knowledge_base-wordpress"],"year_month":"2026-04","word_count":425,"total_views":"10874","reactions":{"happy":"4","normal":"3","sad":"5"},"author_info":{"name":"Tanaz","author_nicename":"tanaz","author_url":"https:\/\/betterdocs.co\/it\/author\/tanaz\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/betterdocs.co\/it\/docs\/shopify\/configurations\/"}],"doc_tag_info":[{"term_name":"betterdocs","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/betterdocs\/"},{"term_name":"configuration","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/configuration\/"},{"term_name":"documentation","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/documentation\/"},{"term_name":"Elementor","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/elementor\/"},{"term_name":"knowledge base","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/knowledge-base\/"},{"term_name":"Single Doc","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/single-doc\/"},{"term_name":"Single Doc Elementor","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/single-doc-elementor\/"},{"term_name":"Sticky Table of Content","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/sticky-table-of-content\/"},{"term_name":"Table of Content","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/table-of-content\/"},{"term_name":"Theme Builder","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/theme-builder\/"},{"term_name":"WordPress","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/wordpress\/"}],"knowledge_base_info":[{"term_name":"WordPress","term_url":"https:\/\/betterdocs.co\/it\/docs\/wordpress\/","term_slug":"wordpress"}],"knowledge_base_slug":["wordpress"],"_links":{"self":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/1978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/users\/12"}],"version-history":[{"count":9,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/1978\/revisions"}],"predecessor-version":[{"id":2008,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/1978\/revisions\/2008"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media\/1984"}],"wp:attachment":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media?parent=1978"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_category?post=1978"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_tag?post=1978"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/knowledge_base?post=1978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}