{"id":1978,"date":"2020-11-16T16:14:42","date_gmt":"2020-11-16T10:14:42","guid":{"rendered":"https:\/\/dev2.betterdocs.co\/?post_type=docs&#038;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:\/\/dev2.betterdocs.co\/hi\/docs\/table-of-contents-elementor\/","title":{"rendered":"How To Configure BetterDocs Table Of Contents In Elementor"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">\u0938\u093e\u0925 \u092e\u0947\u0902 <\/span><a href=\"https:\/\/dev2.betterdocs.co\/hi\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><b>BetterDocs<\/b><\/a><span style=\"font-weight: 400;\">, you can add a Table Of Contents to your Single Doc page in <\/span><b>Elementor<\/b><span style=\"font-weight: 400;\">. 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<p><b><i>\u0927\u094d\u092f\u093e\u0928 \u0926\u0947\u0902: <\/i><\/b><i><span style=\"font-weight: 400;\">Elementor \u0925\u0940\u092e \u092c\u093f\u0932\u094d\u0921\u0930 \u090f\u0915 \u0910\u0938\u0940 \u0938\u0941\u0935\u093f\u0927\u093e \u0939\u0948 \u091c\u094b \u0915\u0947\u0935\u0932 \u0938\u093e\u0925 \u0909\u092a\u0932\u092c\u094d\u0927 \u0939\u0948 <\/span><\/i><a href=\"http:\/\/www.wpdeveloper.net\/go\/elementor\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><b><i>Elementor \u092a\u094d\u0930\u094b<\/i><\/b><\/a><i><span style=\"font-weight: 400;\">. 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<p><span style=\"font-weight: 400;\">Follow these instructions below to configure <strong>BetterDocs Table Of Contents<\/strong> in Elementor Theme Builder.<\/span><\/p>\n<h2><b>Step 1: Activate BetterDocs Table Of Contents Element<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">First create your <\/span><a href=\"https:\/\/dev2.betterdocs.co\/hi\/docs\/single-doc-in-elementor\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><b>single doc in Elementor<\/b><\/a><span style=\"font-weight: 400;\"> by navigating to <\/span><b>\u091f\u0947\u092e\u094d\u092a\u0932\u0947\u091f \u2192 \u0925\u0940\u092e \u092c\u093f\u0932\u094d\u0921\u0930<\/b><span style=\"font-weight: 400;\"> from your WordPress dashboard. Add your documentation content using the <\/span><b>\u0921\u0949\u0915\u094d\u091f\u0930 \u0938\u093e\u092e\u0917\u094d\u0930\u0940<\/b><span style=\"font-weight: 400;\"> element. Next, search for <strong>\u2018Doc Table Of Contents\u2019<\/strong> in the <\/span>&#039;\u0924\u0924\u094d\u0935\u094b\u0902&#039; <span style=\"font-weight: 400;\">tab. It will show up on your website as shown below.<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-1979 size-full\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2020\/11\/screely-1605420472131.png\" alt=\"Table Of Contents\" width=\"1893\" height=\"935\" title=\"\" srcset=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2020\/11\/screely-1605420472131.png 1893w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2020\/11\/screely-1605420472131-300x148.png 300w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2020\/11\/screely-1605420472131-1024x506.png 1024w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2020\/11\/screely-1605420472131-768x379.png 768w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2020\/11\/screely-1605420472131-1536x759.png 1536w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2020\/11\/screely-1605420472131-16x8.png 16w\" sizes=\"(max-width: 1893px) 100vw, 1893px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Drag and drop this element anywhere on your page to activate it. This way, you get more flexibility to add <strong>Table Of Contents<\/strong> anywhere on your single doc page.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1983\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2020\/11\/q9UsMC6xkA.gif\" alt=\"Table Of Contents\" width=\"1920\" height=\"903\" title=\"\"><\/p>\n<h2><b>Step 2: Configure BetterDocs Table Of Contents In Elementor<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">\u0935\u0939\u093e\u0901 \u0938\u0947 <\/span><b>&#039;\u0938\u093e\u092e\u0917\u094d\u0930\u0940&#039;<\/b><span style=\"font-weight: 400;\"> tab you can configure the supported heading tags for your <strong>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 <strong>\u2018List Hierarchy\u2019<\/strong> \u0924\u0925\u093e <strong>\u2018List Number\u2019<\/strong> if you want to show or hide your list hierarchy and number.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Besides this, you can also toggle to make your <strong>BetterDocs Table Of Contents<\/strong> collapsible on small devices like mobile phones and tablets for better user experience.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1981 size-full\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2020\/11\/PUfUR5BNWg.gif\" alt=\"Table Of Contents\" width=\"1920\" height=\"903\" title=\"\"><\/p>\n<h2><b>Step 3: Style BetterDocs Table Of Contents In Elementor<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">\u0915\u0947 \u0928\u0940\u091a\u0947 <\/span><b>&#039;\u0905\u0902\u0926\u093e\u091c&#039;<\/b><span style=\"font-weight: 400;\"> tab, you can change the box width, margin, padding and background colors for your <strong>Table Of Contents<\/strong> by changing the settings under the <\/span><b>&#039;\u0921\u093f\u092c\u094d\u092c\u093e&#039;<\/b><span style=\"font-weight: 400;\"> option. You can also change the alignment of your Table Of Contents here. From the <\/span><b>&#039;\u0936\u0940\u0930\u094d\u0937\u0915&#039; <\/b><span style=\"font-weight: 400;\">option, you can change text color, typography and also add text-shadow.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">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><b>\u2018Toc List\u2019<\/b><span style=\"font-weight: 400;\"> \u0935\u093f\u0915\u0932\u094d\u092a\u0964<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1980 size-full\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2020\/11\/ezgif-6-68d4d4aadc4e.gif\" alt=\"Table Of Contents\" width=\"1920\" height=\"903\" title=\"\"><\/p>\n<h2 style=\"text-align: center;\"><b>\u0905\u0902\u0924\u093f\u092e \u092a\u0930\u093f\u0923\u093e\u092e<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">By following these basic steps you can add and configure <strong>BetterDocs Table Of Contents<\/strong> in Elementor.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1984\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2020\/11\/tchQFn2Fl4.gif\" alt=\"Table Of Contents\" width=\"1920\" height=\"903\" title=\"\"><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">\u0915\u0940 \u092e\u0926\u0926 \u0938\u0947 <\/span><a href=\"http:\/\/wpdeveloper.net\/plugins\/betterdocs\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><b>BetterDocs<\/b><\/a><span style=\"font-weight: 400;\">, 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<p><span style=\"font-weight: 400;\">If you face any difficulties, feel free to contact our <\/span><a href=\"https:\/\/wpdeveloper.net\/support\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><b>\u091f\u0940\u092e \u0915\u093e \u0938\u092e\u0930\u094d\u0925\u0928<\/b><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>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],"year_month":"2026-05","word_count":425,"total_views":"7229","reactions":{"happy":"4","normal":"3","sad":"5"},"author_info":{"author_nicename":"tanaz","author_url":"https:\/\/dev2.betterdocs.co\/hi\/author\/tanaz\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/dev2.betterdocs.co\/hi\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"betterdocs","term_url":"https:\/\/dev2.betterdocs.co\/hi\/docs-tag\/betterdocs\/"},{"term_name":"configuration","term_url":"https:\/\/dev2.betterdocs.co\/hi\/docs-tag\/configuration\/"},{"term_name":"documentation","term_url":"https:\/\/dev2.betterdocs.co\/hi\/docs-tag\/documentation\/"},{"term_name":"Elementor","term_url":"https:\/\/dev2.betterdocs.co\/hi\/docs-tag\/elementor\/"},{"term_name":"knowledge base","term_url":"https:\/\/dev2.betterdocs.co\/hi\/docs-tag\/knowledge-base\/"},{"term_name":"Single Doc","term_url":"https:\/\/dev2.betterdocs.co\/hi\/docs-tag\/single-doc\/"},{"term_name":"Single Doc Elementor","term_url":"https:\/\/dev2.betterdocs.co\/hi\/docs-tag\/single-doc-elementor\/"},{"term_name":"Sticky Table of Content","term_url":"https:\/\/dev2.betterdocs.co\/hi\/docs-tag\/sticky-table-of-content\/"},{"term_name":"Table of Content","term_url":"https:\/\/dev2.betterdocs.co\/hi\/docs-tag\/table-of-content\/"},{"term_name":"Theme Builder","term_url":"https:\/\/dev2.betterdocs.co\/hi\/docs-tag\/theme-builder\/"},{"term_name":"WordPress","term_url":"https:\/\/dev2.betterdocs.co\/hi\/docs-tag\/wordpress\/"}],"author_list":[{"ID":"13","user_login":"abid@ar.com.bd","display_name":"Abid Hasan","id":"13"},{"ID":"8","user_login":"afrin","display_name":"afrin","id":"8"},{"ID":"4","user_login":"Afshana","display_name":"Afshana Diya","id":"4"},{"ID":"24","user_login":"Ahmed","display_name":"Ahmed Kawser","id":"24"},{"ID":"6","user_login":"akash","display_name":"akash","id":"6"},{"ID":"17","user_login":"alim","display_name":"Alim","id":"17"},{"ID":"18","user_login":"arshiana","display_name":"arshiana","id":"18"},{"ID":"1","user_login":"Asif","display_name":"admin","id":"1"},{"ID":"14","user_login":"Faguni","display_name":"Faguni","id":"14"},{"ID":"37","user_login":"Galib","display_name":"Galib Hayder","id":"37"},{"ID":"41","user_login":"Imtiaz","display_name":"Imtiaz","id":"41"},{"ID":"11","user_login":"Jamil","display_name":"Jamil Uddin","id":"11"},{"ID":"21","user_login":"jemima","display_name":"Jemima Naznin","id":"21"},{"ID":"25","user_login":"Mahbub","display_name":"Mahbub","id":"25"},{"ID":"20","user_login":"mahedi@ar.com.bd","display_name":"mahedi@ar.com.bd","id":"20"},{"ID":"39","user_login":"mahmudul","display_name":"mahmudul","id":"39"},{"ID":"32","user_login":"mamun","display_name":"Abdullah Mamun","id":"32"},{"ID":"19","user_login":"manzur","display_name":"manzur","id":"19"},{"ID":"9","user_login":"Mukul","display_name":"Mukul","id":"9"},{"ID":"35","user_login":"nadvi","display_name":"nadvi","id":"35"},{"ID":"33","user_login":"nahid","display_name":"Nahid Hasan","id":"33"},{"ID":"23","user_login":"Oishi","display_name":"Parsia Tabassum Oishi","id":"23"},{"ID":"36","user_login":"Popy","display_name":"Esrat Popy","id":"36"},{"ID":"5","user_login":"rafin","display_name":"rafin","id":"5"},{"ID":"34","user_login":"rasel","display_name":"Rasel","id":"34"},{"ID":"22","user_login":"Razthee","display_name":"Razthee","id":"22"},{"ID":"30","user_login":"rumi","display_name":"rumi","id":"30"},{"ID":"2","user_login":"Rupok","display_name":"Rupok","id":"2"},{"ID":"15","user_login":"sadab","display_name":"Sadab Khan","id":"15"},{"ID":"29","user_login":"Salauddin Rana","display_name":"Salauddin Rana","id":"29"},{"ID":"3","user_login":"Shahan","display_name":"Shahan","id":"3"},{"ID":"31","user_login":"shahidul","display_name":"Shahidul Islam","id":"31"},{"ID":"28","user_login":"Shaikat","display_name":"Shaikat","id":"28"},{"ID":"10","user_login":"sumaiya","display_name":"sumaiya","id":"10"},{"ID":"12","user_login":"tanaz","display_name":"Tanaz","id":"12"},{"ID":"16","user_login":"tasnia","display_name":"Tasnia","id":"16"},{"ID":"38","user_login":"tomal","display_name":"Towfique Ahmed","id":"38"}],"_links":{"self":[{"href":"https:\/\/dev2.betterdocs.co\/hi\/wp-json\/wp\/v2\/docs\/1978"}],"collection":[{"href":"https:\/\/dev2.betterdocs.co\/hi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/dev2.betterdocs.co\/hi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/hi\/wp-json\/wp\/v2\/users\/12"}],"version-history":[{"count":9,"href":"https:\/\/dev2.betterdocs.co\/hi\/wp-json\/wp\/v2\/docs\/1978\/revisions"}],"predecessor-version":[{"id":2008,"href":"https:\/\/dev2.betterdocs.co\/hi\/wp-json\/wp\/v2\/docs\/1978\/revisions\/2008"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/hi\/wp-json\/wp\/v2\/media\/1984"}],"wp:attachment":[{"href":"https:\/\/dev2.betterdocs.co\/hi\/wp-json\/wp\/v2\/media?parent=1978"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/hi\/wp-json\/wp\/v2\/doc_category?post=1978"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/hi\/wp-json\/wp\/v2\/doc_tag?post=1978"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/hi\/wp-json\/wp\/v2\/knowledge_base?post=1978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}