{"id":5460,"date":"2026-09-20T20:25:16","date_gmt":"2026-09-20T20:25:16","guid":{"rendered":"https:\/\/marketplace.emcptools.com\/widgets\/table-of-contents\/"},"modified":"2026-09-21T17:34:17","modified_gmt":"2026-09-21T17:34:17","slug":"table-of-contents","status":"publish","type":"page","link":"https:\/\/marketplace.emcptools.com\/widgets\/table-of-contents\/","title":{"rendered":"Table of Contents"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5460\" class=\"elementor elementor-5460\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5cda8a e-flex e-con-boxed e-con e-parent\" data-id=\"c5cda8a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d7932dd e-flex e-con-full e-con e-child\" data-id=\"d7932dd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e300556 elementor-widget elementor-widget-html\" data-id=\"e300556\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"top\"><a href=\"https:\/\/marketplace.emcptools.com\/widgets\/\">&larr; All widgets<\/a><span>Widget 151 &middot; <code>emcp_custom_151<\/code><\/span><\/div><h2 style=\"font-size:36px;margin-bottom:8px\">Table of Contents<\/h2><div class=\"chips\"><span class=\"chip dark\">Elementor widget<\/span><span class=\"chip\">4 layouts<\/span><span class=\"chip\">20 content options<\/span><span class=\"chip\">24 style options<\/span><span class=\"chip\">4 panel sections<\/span><\/div><p>Built with the EMCP Widget Builder and registered under the <b>EMCP Custom<\/b> category of the Elementor panel. Search the panel for: toc, table of contents, anchors, headings, scrollspy, sticky.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd9a556 e-flex e-con-full e-con e-child\" data-id=\"cd9a556\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccd72f0 elementor-widget elementor-widget-html\" data-id=\"ccd72f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Setup guide<\/h2><ol><li>Open a page in Elementor, search the panel for <b>Table of Contents<\/b> and drag it into a container.<\/li><li><b>Content &rsaquo; Table of Contents<\/b>: Title, Heading Levels, Scan Inside (CSS selector), Exclude Headings Matching, Hide When Fewer Than, List Style, Layout, Collapsible and 12 more.<\/li><li>Pick a <b>Layout<\/b>: Boxed, Minimal, Sidebar rail, Inline chips. Each one is shown below.<\/li><li><b>Style tab<\/b> sections: Box, Title, Items. Colours, typography and spacing set here are scoped to this widget instance.<\/li><li>Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.<\/li><\/ol><div class=\"note\">Conditional options: <code>Sticky Offset (px)<\/code> appears when <code>Sticky<\/code> is yes; <code>Back to Top Text<\/code> appears when <code>Back to Top Link<\/code> is yes.<\/div><div class=\"note\">Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d986859 e-flex e-con-full e-con e-child\" data-id=\"d986859\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6e973a elementor-widget elementor-widget-html\" data-id=\"c6e973a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Boxed<\/h3><\/div><p class=\"demo-cap\">Layout = <code>box<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd2f04a elementor-widget elementor-widget-emcp_custom_151\" data-id=\"bd2f04a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_151.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"emcp-toc emcp-toc--box emcp-toc--numbers is-collapsible start-collapsed-mobile is-smooth has-spy has-progress\" data-levels=\",,,\" data-scope=\".elementor\" data-exclude=\"\" data-min=\"2\" data-offset=\"90\" aria-label=\"Table of contents\"><span class=\"emcp-toc__progress\"><\/span><div class=\"emcp-toc__head\"><span class=\"emcp-toc__title\">On this page<\/span><button type=\"button\" class=\"emcp-toc__toggle\" aria-expanded=\"true\" aria-label=\"Toggle table of contents\"><span class=\"emcp-toc__chev\"><\/span><\/button><\/div><div class=\"emcp-toc__list-wrap\"><ol class=\"emcp-toc__list\"><\/ol><p class=\"emcp-toc__empty\">Headings on the page will be listed here.<\/p><a class=\"emcp-toc__top\" href=\"#\">&uarr; Back to top<\/a><\/div><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a2b95c e-flex e-con-full e-con e-child\" data-id=\"1a2b95c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f895f7 elementor-widget elementor-widget-html\" data-id=\"9f895f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Minimal<\/h3><\/div><p class=\"demo-cap\">Layout = <code>minimal<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a36b66c elementor-widget elementor-widget-emcp_custom_151\" data-id=\"a36b66c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_151.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"emcp-toc emcp-toc--minimal emcp-toc--numbers is-collapsible start-collapsed-mobile is-smooth has-spy has-progress\" data-levels=\",,,\" data-scope=\".elementor\" data-exclude=\"\" data-min=\"2\" data-offset=\"90\" aria-label=\"Table of contents\"><span class=\"emcp-toc__progress\"><\/span><div class=\"emcp-toc__head\"><span class=\"emcp-toc__title\">On this page<\/span><button type=\"button\" class=\"emcp-toc__toggle\" aria-expanded=\"true\" aria-label=\"Toggle table of contents\"><span class=\"emcp-toc__chev\"><\/span><\/button><\/div><div class=\"emcp-toc__list-wrap\"><ol class=\"emcp-toc__list\"><\/ol><p class=\"emcp-toc__empty\">Headings on the page will be listed here.<\/p><a class=\"emcp-toc__top\" href=\"#\">&uarr; Back to top<\/a><\/div><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9567843 e-flex e-con-full e-con e-child\" data-id=\"9567843\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce37b0e elementor-widget elementor-widget-html\" data-id=\"ce37b0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Sidebar rail<\/h3><\/div><p class=\"demo-cap\">Layout = <code>sidebar<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57e3578 elementor-widget elementor-widget-emcp_custom_151\" data-id=\"57e3578\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_151.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"emcp-toc emcp-toc--sidebar emcp-toc--numbers is-collapsible start-collapsed-mobile is-smooth has-spy has-progress\" data-levels=\",,,\" data-scope=\".elementor\" data-exclude=\"\" data-min=\"2\" data-offset=\"90\" aria-label=\"Table of contents\"><span class=\"emcp-toc__progress\"><\/span><div class=\"emcp-toc__head\"><span class=\"emcp-toc__title\">On this page<\/span><button type=\"button\" class=\"emcp-toc__toggle\" aria-expanded=\"true\" aria-label=\"Toggle table of contents\"><span class=\"emcp-toc__chev\"><\/span><\/button><\/div><div class=\"emcp-toc__list-wrap\"><ol class=\"emcp-toc__list\"><\/ol><p class=\"emcp-toc__empty\">Headings on the page will be listed here.<\/p><a class=\"emcp-toc__top\" href=\"#\">&uarr; Back to top<\/a><\/div><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-467bf34 e-flex e-con-full e-con e-child\" data-id=\"467bf34\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5f3093 elementor-widget elementor-widget-html\" data-id=\"b5f3093\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><div class=\"demo-head\"><span>Layout<\/span><h3>Inline chips<\/h3><\/div><p class=\"demo-cap\">Layout = <code>inline<\/code><\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-714496a elementor-widget elementor-widget-emcp_custom_151\" data-id=\"714496a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"emcp_custom_151.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"emcp-toc emcp-toc--inline emcp-toc--numbers is-collapsible start-collapsed-mobile is-smooth has-spy has-progress\" data-levels=\",,,\" data-scope=\".elementor\" data-exclude=\"\" data-min=\"2\" data-offset=\"90\" aria-label=\"Table of contents\"><span class=\"emcp-toc__progress\"><\/span><div class=\"emcp-toc__head\"><span class=\"emcp-toc__title\">On this page<\/span><button type=\"button\" class=\"emcp-toc__toggle\" aria-expanded=\"true\" aria-label=\"Toggle table of contents\"><span class=\"emcp-toc__chev\"><\/span><\/button><\/div><div class=\"emcp-toc__list-wrap\"><ol class=\"emcp-toc__list\"><\/ol><p class=\"emcp-toc__empty\">Headings on the page will be listed here.<\/p><a class=\"emcp-toc__top\" href=\"#\">&uarr; Back to top<\/a><\/div><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9e0512 e-flex e-con-full e-con e-child\" data-id=\"e9e0512\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17c286e elementor-widget elementor-widget-html\" data-id=\"17c286e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.ewd{font:15px\/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#101828}.ewd a{color:#6a11cb}.ewd h2{font-size:26px;margin:0 0 12px;font-weight:700}.ewd h3{font-size:19px;margin:24px 0 8px;font-weight:700}.ewd p{margin:0 0 12px}.ewd ol,.ewd ul{margin:0 0 14px 22px;padding:0}.ewd li{margin:0 0 6px}.ewd .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ewd .chip{background:#f4ebff;color:#6a11cb;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.ewd .chip.dark{background:#101828;color:#fff}.ewd .note{background:#f9fafb;border:1px solid #eaecf0;border-left:4px solid #6a11cb;border-radius:8px;padding:12px 16px;margin:0 0 14px}.ewd table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px;border:1px solid #eaecf0}.ewd th{background:#101828;color:#fff;text-align:left;padding:10px 12px;font-weight:600}.ewd td{padding:10px 12px;border-top:1px solid #eaecf0;vertical-align:top}.ewd tr:nth-child(even) td{background:#f9fafb}.ewd code{background:#f2f4f7;border-radius:4px;padding:1px 6px;font-size:12.5px;color:#344054}.ewd .demo-cap{font-size:13px;color:#667085;margin:0 0 10px}.ewd .demo-cap code{color:#6a11cb}.ewd .demo-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}.ewd .demo-head span{background:#6a11cb;color:#fff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ewd .demo-head h3{margin:0}.ewd .top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;font-size:14px}.ewd .top a{text-decoration:none;font-weight:600}<\/style><div class=\"ewd\"><h2>Options reference<\/h2><p>Every control the widget exposes, grouped by panel section. Names in <code>code<\/code> are the setting keys used by the MCP tools (<code>add-free-widget<\/code>, <code>update-widget<\/code>).<\/p><h3 style=\"margin-top:8px\">Content tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Table of Contents<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Title<\/b><br><code>title<\/code><\/td><td>Text<\/td><td><\/td><td>On this page<\/td><td><\/td><\/tr><tr><td><b>Heading Levels<\/b><br><code>levels<\/code><\/td><td>Multi select<\/td><td>H1, H2, H3, H4, H5, H6<\/td><td>2 items<\/td><td><\/td><\/tr><tr><td><b>Scan Inside (CSS selector)<\/b><br><code>scope<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td>Example: .entry-content or #main. Headings inside this widget are always ignored.<\/td><\/tr><tr><td><b>Exclude Headings Matching<\/b><br><code>exclude<\/code><\/td><td>Text<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Hide When Fewer Than<\/b><br><code>min_items<\/code><\/td><td>Number<\/td><td>min 1, max 20<\/td><td>2<\/td><td><\/td><\/tr><tr><td><b>List Style<\/b><br><code>list_style<\/code><\/td><td>Dropdown<\/td><td>Numbered (1, 1.1), Bullets, Plain, Left rail (active line)<\/td><td>numbers<\/td><td><\/td><\/tr><tr><td><b>Layout<\/b><br><code>layout<\/code><\/td><td>Dropdown<\/td><td>Boxed, Minimal, Sidebar rail, Inline chips<\/td><td>box<\/td><td><\/td><\/tr><tr><td><b>Collapsible<\/b><br><code>collapsible<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Start Collapsed<\/b><br><code>collapsed<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Start Collapsed on Mobile<\/b><br><code>collapsed_mobile<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Sticky<\/b><br><code>sticky<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Sticky Offset (px)<\/b><br><code>sticky_top<\/code><\/td><td>Number<\/td><td>min 0, max 400<\/td><td>100<\/td><td>Shown when sticky = yes<\/td><\/tr><tr><td><b>Scroll Offset (px, for fixed headers)<\/b><br><code>scroll_offset<\/code><\/td><td>Number<\/td><td>min 0, max 400<\/td><td>90<\/td><td><\/td><\/tr><tr><td><b>Smooth Scroll<\/b><br><code>smooth<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Highlight Current Section<\/b><br><code>spy<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td>yes<\/td><td><\/td><\/tr><tr><td><b>Update URL Hash<\/b><br><code>hash<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Reading Progress Line<\/b><br><code>progress<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Back to Top Link<\/b><br><code>back_top<\/code><\/td><td>Toggle<\/td><td>on \/ off<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Back to Top Text<\/b><br><code>back_top_text<\/code><\/td><td>Text<\/td><td><\/td><td>Back to top<\/td><td>Shown when back_top = yes<\/td><\/tr><tr><td><b>Editor Placeholder Text<\/b><br><code>empty_text<\/code><\/td><td>Text<\/td><td><\/td><td>Headings on the page will be listed h...<\/td><td><\/td><\/tr><\/tbody><\/table><h3 style=\"margin-top:8px\">Style tab<\/h3><p style=\"margin:14px 0 6px;font-weight:700\">Box<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Background<\/b><br><code>box_bg<\/code><\/td><td>Color<\/td><td><\/td><td>#f9fafb<\/td><td><\/td><\/tr><tr><td><b>Padding<\/b><br><code>box_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Border<\/b><br><code>box_border<\/code><\/td><td>Border<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Radius<\/b><br><code>box_radius<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td>12<\/td><td><\/td><\/tr><tr><td><b>Shadow<\/b><br><code>box_shadow<\/code><\/td><td>Box shadow<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Max Width<\/b><br><code>box_maxw<\/code><\/td><td>Slider<\/td><td>min 200, max 1200, px\/%<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Max Height (scrolls inside)<\/b><br><code>box_maxh<\/code><\/td><td>Slider<\/td><td>min 0, max 900, px\/vh<\/td><td><\/td><td><\/td><\/tr><tr><td><b>Accent Color<\/b><br><code>accent<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Title<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Typography<\/b><br><code>title_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Color<\/b><br><code>title_color<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Spacing Below<\/b><br><code>title_mb<\/code><\/td><td>Slider<\/td><td>min 0, max 40, px<\/td><td>12<\/td><td><\/td><\/tr><tr><td><b>Toggle Icon Color<\/b><br><code>toggle_color<\/code><\/td><td>Color<\/td><td><\/td><td>#667085<\/td><td><\/td><\/tr><\/tbody><\/table><p style=\"margin:14px 0 6px;font-weight:700\">Items<\/p><table><thead><tr><th style=\"width:24%\">Option<\/th><th style=\"width:11%\">Type<\/th><th style=\"width:27%\">Choices \/ range<\/th><th style=\"width:12%\">Default<\/th><th>Notes<\/th><\/tr><\/thead><tbody><tr><td><b>Typography<\/b><br><code>item_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Color<\/b><br><code>item_color<\/code><\/td><td>Color<\/td><td><\/td><td>#475467<\/td><td><\/td><\/tr><tr><td><b>Hover Color<\/b><br><code>item_color_h<\/code><\/td><td>Color<\/td><td><\/td><td>#101828<\/td><td><\/td><\/tr><tr><td><b>Active Color<\/b><br><code>item_color_a<\/code><\/td><td>Color<\/td><td><\/td><td>#6a11cb<\/td><td><\/td><\/tr><tr><td><b>Active Chip Text (inline)<\/b><br><code>item_color_a_inline<\/code><\/td><td>Color<\/td><td><\/td><td>#ffffff<\/td><td><\/td><\/tr><tr><td><b>Active Background<\/b><br><code>item_bg_a<\/code><\/td><td>Color<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Gap Between Items<\/b><br><code>item_gap<\/code><\/td><td>Slider<\/td><td>min 0, max 30, px<\/td><td>6<\/td><td><\/td><\/tr><tr><td><b>Item Padding<\/b><br><code>item_pad<\/code><\/td><td>Dimensions<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Sub-level Indent<\/b><br><code>indent<\/code><\/td><td>Slider<\/td><td>min 0, max 60, px<\/td><td>16<\/td><td><\/td><\/tr><tr><td><b>Sub-level Typography<\/b><br><code>sub_typo<\/code><\/td><td>Typography<\/td><td><\/td><td><\/td><td><\/td><\/tr><tr><td><b>Number \/ Bullet Color<\/b><br><code>marker_color<\/code><\/td><td>Color<\/td><td><\/td><td>#98a2b3<\/td><td><\/td><\/tr><tr><td><b>Rail Line Color<\/b><br><code>rail_color<\/code><\/td><td>Color<\/td><td><\/td><td>#eaecf0<\/td><td><\/td><\/tr><\/tbody><\/table><h3>Add it with the MCP tools<\/h3><p>Any connected agent can place this widget: call <code>add-free-widget<\/code> with <code>widget_type: \"emcp_custom_151\"<\/code> and a <code>settings<\/code> object using the keys above. Run <code>get-custom-widget<\/code> with id <code>151<\/code> for the full JSON spec.<\/p><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&larr; All widgetsWidget 151 &middot; emcp_custom_151 Table of Contents Elementor widget4 layouts20 content options24 style options4 panel sections Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: toc, table of contents, anchors, headings, scrollspy, sticky. Setup guide Open a page in Elementor, search [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5460","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/comments?post=5460"}],"version-history":[{"count":22,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5460\/revisions"}],"predecessor-version":[{"id":6267,"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/pages\/5460\/revisions\/6267"}],"wp:attachment":[{"href":"https:\/\/marketplace.emcptools.com\/widgets\/wp-json\/wp\/v2\/media?parent=5460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}