{"id":16338,"date":"2025-05-18T05:01:48","date_gmt":"2025-05-18T05:01:48","guid":{"rendered":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/"},"modified":"2025-06-23T11:50:28","modified_gmt":"2025-06-23T11:50:28","slug":"table-of-content","status":"publish","type":"docs","link":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/","title":{"rendered":"Table of Content Widget Documentation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>The Table of Contents Widget<\/strong> in<strong> Animation Addons<\/strong> for Elementor is a paid feature. To use this widget, ensure the plugin is <strong>installed <\/strong>and <strong>activated <\/strong>on your site. You can explore both free and pro widgets using the filtering options, but this specific widget is available only in the pro version.<br><\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1204\" height=\"609\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-1.webp\" alt=\"Table Of Content 1\" class=\"wp-image-16342\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-1.webp 1204w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-1-300x152.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-1-1024x518.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-1-768x388.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-1-20x10.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-1-32x16.webp 32w\" sizes=\"(max-width: 1204px) 100vw, 1204px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Key Use Cases for the Table of Content Widget:<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Table of <strong>Content Widget <\/strong>in <strong>Animation Addons<\/strong> for Elementor helps create a structured, easy-to-navigate table of contents, improving user experience and boosting SEO.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create an organized, easy-to-navigate table of contents for your pages or posts.<\/li>\n\n\n\n<li>Improve user experience by allowing quick access to sections of interest.<\/li>\n\n\n\n<li>Enhance SEO by providing a well-structured content outline.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prerequisite<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elementor<\/li>\n\n\n\n<li>Animation Addons for Elementor<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Activate the Table of Content Widget:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to Animation Addons \u2192 Elements in your WordPress dashboard.<\/li>\n\n\n\n<li>Find the Table of Content Widget in the list.<\/li>\n\n\n\n<li>Toggle it on to enable the widget.<\/li>\n\n\n\n<li>Now, the Table of Content Widget is ready to use!<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img decoding=\"async\" width=\"1225\" height=\"604\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-2.webp\" alt=\"Table Of Content 2\" class=\"wp-image-16343\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-2.webp 1225w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-2-300x148.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-2-1024x505.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-2-768x379.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-2-20x10.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-2-32x16.webp 32w\" sizes=\"(max-width: 1225px) 100vw, 1225px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Add Table of Content Widget in Elementor:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the Elementor panel, search for the <strong>&#8220;Table of Content Widget.&#8221;<\/strong><\/li>\n\n\n\n<li>Drag and drop the widget into your desired section.<\/li>\n\n\n\n<li>From the widget settings, configure the heading tags (H1\u2013H6) you want to include and customize the structure of the table. You can also define the container or page scope for which the headings will be scanned.<\/li>\n\n\n\n<li>Enable collapsible options, adjust hierarchical display, and add scroll behavior to improve user navigation.<\/li>\n\n\n\n<li>Use the <strong>Style<\/strong> tab to personalize the appearance\u2014customize typography, colors, spacing, borders, and hover effects to ensure the Table of Content aligns with your site&#8217;s design and branding.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img decoding=\"async\" width=\"1365\" height=\"426\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-3.webp\" alt=\"\" class=\"wp-image-16344\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-3.webp 1365w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-3-300x94.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-3-1024x320.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-3-768x240.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-3-20x6.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-3-32x10.webp 32w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Configuring Table Of Content Widget : A Step-by-Step Guide<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once the <strong>Table of Content Widget <\/strong>is added to your page, you can configure its settings under different tabs: <strong>Content, Style, and Advanced.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"266\" height=\"484\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-4.webp\" alt=\"Table Of Content 4\" class=\"wp-image-16345\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-4.webp 266w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-4-165x300.webp 165w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-4-11x20.webp 11w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-4-18x32.webp 18w\" sizes=\"(max-width: 266px) 100vw, 266px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Content Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Content section of the Table of Content Widget is divided into two main panels: Table of Contents and Additional Settings.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"329\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-5.webp\" alt=\"Table Of Content 5\" class=\"wp-image-16346\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-5.webp 278w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-5-253x300.webp 253w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-5-17x20.webp 17w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-5-27x32.webp 27w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-5-270x320.webp 270w\" sizes=\"(max-width: 278px) 100vw, 278px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. Table of Contents<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong>: Set a custom heading for your table of content.<\/li>\n\n\n\n<li><strong>HTML Tag<\/strong>: Choose the HTML tag (e.g., H2, H3) for the title element to define its semantic hierarchy.<\/li>\n\n\n\n<li><strong>Anchors by Tags<\/strong>: Select which heading tags (H1\u2013H6) should be included in the TOC.<br><strong>Container<\/strong>: Specify the CSS container from which the widget will fetch the headings.<\/li>\n\n\n\n<li><strong>Marker View<\/strong>: Choose how the active section marker appears\u2014such as dots, lines, or none\u2014to visually indicate scrolling progress.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. Additional Settings<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Word Wrap<\/strong>: Enable to wrap long text lines for better mobile readability.<\/li>\n\n\n\n<li><strong>Minimize Box<\/strong>: Allow users to collapse the TOC for a cleaner interface.<\/li>\n\n\n\n<li><strong>Icon<\/strong>: Customize the icon used for the TOC title or minimize functionality.<\/li>\n\n\n\n<li><strong>Minimize Icon<\/strong>: Set the icon that appears when the TOC is minimized.<\/li>\n\n\n\n<li><strong>Minimize On<\/strong>: Choose the behavior or screen size on which the TOC should auto-minimize.<\/li>\n\n\n\n<li><strong>Hierarchical View Button<\/strong>: Enable to show nested heading levels.<\/li>\n\n\n\n<li><strong>Collapse Subitems Button<\/strong>: Allow users to expand or collapse heading sublevels as needed.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Style Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Style section of the Table of Content Widget allows you to fine-tune the design and visual presentation of the TOC( using three main customization panels: Box, Header, and List.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"267\" height=\"435\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-6.webp\" alt=\"Table Of Content 6\" class=\"wp-image-16347\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-6.webp 267w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-6-184x300.webp 184w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-6-12x20.webp 12w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-6-20x32.webp 20w\" sizes=\"(max-width: 267px) 100vw, 267px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1. Box<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Customize the outer container of the TOC widget to align with your website\u2019s design aesthetics:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color<\/strong>: Set the background color for the TOC box.<\/li>\n\n\n\n<li><strong>Border Color<\/strong>: Define the color of the box\u2019s border.<\/li>\n\n\n\n<li><strong>Loader Color<\/strong>: Choose a color for the loading indicator, if applicable.<\/li>\n\n\n\n<li><strong>Border Width<\/strong>: Specify the thickness of the border on all sides.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Add rounded corners by adjusting the radius.<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Control the internal spacing within the TOC box.<\/li>\n\n\n\n<li><strong>Min Height<\/strong>: Set a minimum height for the container.<\/li>\n\n\n\n<li><strong>Box Shadow<\/strong>: Apply shadow effects to add depth and visual emphasis.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>2. Header<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Control the appearance of the header\/title area of the TOC:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color<\/strong>: Choose a background color for the TOC header.<\/li>\n\n\n\n<li><strong>Text Color<\/strong>: Set the color of the title text.<\/li>\n\n\n\n<li><strong>Typography<\/strong>: Customize font family, size, weight, and line height.<\/li>\n\n\n\n<li><strong>Icon Color<\/strong>: Define the color of any icons used in the header.<\/li>\n\n\n\n<li><strong>Separator Width<\/strong>: Adjust the width of the separator line between the header and the content area.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>3. List<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Style the list of items (anchors) displayed in the TOC:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>List Max Height: <\/strong>Set a maximum height for the list container.<\/li>\n\n\n\n<li><strong>Typography:<\/strong> Customize the text style for the TOC items.<\/li>\n\n\n\n<li><strong>Indent<\/strong>: Define the indentation for nested items to reflect hierarchy.<\/li>\n\n\n\n<li><strong>Text Color: <\/strong>Choose the color for the list text.<\/li>\n\n\n\n<li><strong>Underline: <\/strong>Optionally add underlines to the list items.<\/li>\n\n\n\n<li><strong>Marker Color and Size: <\/strong>Style the list markers (bullets or indicators) with custom color and size settings.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the <strong>advanced settings,<\/strong> you\u2019ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"259\" height=\"592\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-7.webp\" alt=\"Table Of Content 7\" class=\"wp-image-16348\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-7.webp 259w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-7-131x300.webp 131w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-7-9x20.webp 9w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-Of-Content-7-14x32.webp 14w\" sizes=\"(max-width: 259px) 100vw, 259px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Final Outcome<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">And that\u2019s a wrap! You\u2019ve now learned how to configure the <strong>Table of Contents Widget<\/strong> in Elementor to create a structured, easy-to-navigate layout for your content. This not only enhances user experience but also improves content accessibility. If you need any further help or have questions, our support team is always here for you!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/animation-addons.com\/widgets\/aae-table-of-content\/\" target=\"_blank\" rel=\"noreferrer noopener\">View Live Demo<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Table of Contents Widget in Animation Addons for Elementor is a paid feature. To use this widget, ensure the plugin is installed and activated on your site. You can explore both free and pro widgets using the filtering options, but this specific widget is available only in the pro version. Key Use Cases for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17116,"parent":628,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-16338","docs","type-docs","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Table of Content Widget Documentation - Animation Addons<\/title>\n<meta name=\"description\" content=\"Improve site navigation and search rankings with a responsive Table of Contents. Discover how to use this Elementor widget from Animation Addons.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Table of Content Widget Documentation - Animation Addons\" \/>\n<meta property=\"og:description\" content=\"Improve site navigation and search rankings with a responsive Table of Contents. Discover how to use this Elementor widget from Animation Addons.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/\" \/>\n<meta property=\"og:site_name\" content=\"Animation Addons\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/animationaddons\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-23T11:50:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-of-Content-Featured-Image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"48\" \/>\n\t<meta property=\"og:image:height\" content=\"48\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@animationaddons\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/table-of-content\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/table-of-content\\\/\",\"name\":\"Table of Content Widget Documentation - Animation Addons\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/table-of-content\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/table-of-content\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Table-of-Content-Featured-Image.png\",\"datePublished\":\"2025-05-18T05:01:48+00:00\",\"dateModified\":\"2025-06-23T11:50:28+00:00\",\"description\":\"Improve site navigation and search rankings with a responsive Table of Contents. Discover how to use this Elementor widget from Animation Addons.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/table-of-content\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/table-of-content\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/table-of-content\\\/#primaryimage\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Table-of-Content-Featured-Image.png\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Table-of-Content-Featured-Image.png\",\"width\":48,\"height\":48,\"caption\":\"Table of Content Featured Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/table-of-content\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Advanced Widgets\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/advanced-widgets\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Table of Content Widget Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"name\":\"Animation Addons\",\"description\":\"Best Animation Plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\"},\"alternateName\":\"Animation Addons for Elementor\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\",\"name\":\"Animation Addons\",\"alternateName\":\"Animation Addons for Elementor\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"width\":48,\"height\":48,\"caption\":\"Animation Addons\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/animationaddons\",\"https:\\\/\\\/x.com\\\/animationaddons\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/animation-addons\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/animationaddons\\\/\",\"https:\\\/\\\/www.instagram.com\\\/aimationaddons\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@animationaddons\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Table of Content Widget Documentation - Animation Addons","description":"Improve site navigation and search rankings with a responsive Table of Contents. Discover how to use this Elementor widget from Animation Addons.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/","og_locale":"en_US","og_type":"article","og_title":"Table of Content Widget Documentation - Animation Addons","og_description":"Improve site navigation and search rankings with a responsive Table of Contents. Discover how to use this Elementor widget from Animation Addons.","og_url":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/","og_site_name":"Animation Addons","article_publisher":"https:\/\/www.facebook.com\/animationaddons","article_modified_time":"2025-06-23T11:50:28+00:00","og_image":[{"width":48,"height":48,"url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-of-Content-Featured-Image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@animationaddons","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/","url":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/","name":"Table of Content Widget Documentation - Animation Addons","isPartOf":{"@id":"https:\/\/animation-addons.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/#primaryimage"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/#primaryimage"},"thumbnailUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-of-Content-Featured-Image.png","datePublished":"2025-05-18T05:01:48+00:00","dateModified":"2025-06-23T11:50:28+00:00","description":"Improve site navigation and search rankings with a responsive Table of Contents. Discover how to use this Elementor widget from Animation Addons.","breadcrumb":{"@id":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/#primaryimage","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-of-Content-Featured-Image.png","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/05\/Table-of-Content-Featured-Image.png","width":48,"height":48,"caption":"Table of Content Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/table-of-content\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/animation-addons.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Advanced Widgets","item":"https:\/\/animation-addons.com\/docs\/advanced-widgets\/"},{"@type":"ListItem","position":3,"name":"Table of Content Widget Documentation"}]},{"@type":"WebSite","@id":"https:\/\/animation-addons.com\/docs\/#website","url":"https:\/\/animation-addons.com\/docs\/","name":"Animation Addons","description":"Best Animation Plugin for WordPress","publisher":{"@id":"https:\/\/animation-addons.com\/docs\/#organization"},"alternateName":"Animation Addons for Elementor","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/animation-addons.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/animation-addons.com\/docs\/#organization","name":"Animation Addons","alternateName":"Animation Addons for Elementor","url":"https:\/\/animation-addons.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","width":48,"height":48,"caption":"Animation Addons"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/animationaddons","https:\/\/x.com\/animationaddons","https:\/\/www.linkedin.com\/company\/animation-addons\/","https:\/\/www.pinterest.com\/animationaddons\/","https:\/\/www.instagram.com\/aimationaddons\/","https:\/\/www.tiktok.com\/@animationaddons"]}]}},"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/d0824328e817de9f5f8d005a4b8d1fcea87dd03cee2b85f00c4d3cb2da172cfe?s=96&d=mm&r=g","author_name":"docs_admin","_links":{"self":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/16338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/comments?post=16338"}],"version-history":[{"count":6,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/16338\/revisions"}],"predecessor-version":[{"id":17522,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/16338\/revisions\/17522"}],"up":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/628"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media\/17116"}],"wp:attachment":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media?parent=16338"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=16338"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_badge?post=16338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}