← All widgetsWidget 151 · 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

  1. Open a page in Elementor, search the panel for Table of Contents and drag it into a container.
  2. Content › Table of Contents: Title, Heading Levels, Scan Inside (CSS selector), Exclude Headings Matching, Hide When Fewer Than, List Style, Layout, Collapsible and 12 more.
  3. Pick a Layout: Boxed, Minimal, Sidebar rail, Inline chips. Each one is shown below.
  4. Style tab sections: Box, Title, Items. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Conditional options: Sticky Offset (px) appears when Sticky is yes; Back to Top Text appears when Back to Top Link is yes.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Boxed

Layout = box

Layout

Minimal

Layout = minimal

Layout

Sidebar rail

Layout = sidebar

Layout

Inline chips

Layout = inline

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Table of Contents

OptionTypeChoices / rangeDefaultNotes
Title
title
TextOn this page
Heading Levels
levels
Multi selectH1, H2, H3, H4, H5, H62 items
Scan Inside (CSS selector)
scope
TextExample: .entry-content or #main. Headings inside this widget are always ignored.
Exclude Headings Matching
exclude
Text
Hide When Fewer Than
min_items
Numbermin 1, max 202
List Style
list_style
DropdownNumbered (1, 1.1), Bullets, Plain, Left rail (active line)numbers
Layout
layout
DropdownBoxed, Minimal, Sidebar rail, Inline chipsbox
Collapsible
collapsible
Toggleon / offyes
Start Collapsed
collapsed
Toggleon / off
Start Collapsed on Mobile
collapsed_mobile
Toggleon / offyes
Sticky
sticky
Toggleon / off
Sticky Offset (px)
sticky_top
Numbermin 0, max 400100Shown when sticky = yes
Scroll Offset (px, for fixed headers)
scroll_offset
Numbermin 0, max 40090
Smooth Scroll
smooth
Toggleon / offyes
Highlight Current Section
spy
Toggleon / offyes
Update URL Hash
hash
Toggleon / off
Reading Progress Line
progress
Toggleon / off
Back to Top Link
back_top
Toggleon / off
Back to Top Text
back_top_text
TextBack to topShown when back_top = yes
Editor Placeholder Text
empty_text
TextHeadings on the page will be listed h...

Style tab

Box

OptionTypeChoices / rangeDefaultNotes
Background
box_bg
Color#f9fafb
Padding
box_pad
Dimensions
Border
box_border
Border
Radius
box_radius
Slidermin 0, max 60, px12
Shadow
box_shadow
Box shadow
Max Width
box_maxw
Slidermin 200, max 1200, px/%
Max Height (scrolls inside)
box_maxh
Slidermin 0, max 900, px/vh
Accent Color
accent
Color#6a11cb

Title

OptionTypeChoices / rangeDefaultNotes
Typography
title_typo
Typography
Color
title_color
Color#101828
Spacing Below
title_mb
Slidermin 0, max 40, px12
Toggle Icon Color
toggle_color
Color#667085

Items

OptionTypeChoices / rangeDefaultNotes
Typography
item_typo
Typography
Color
item_color
Color#475467
Hover Color
item_color_h
Color#101828
Active Color
item_color_a
Color#6a11cb
Active Chip Text (inline)
item_color_a_inline
Color#ffffff
Active Background
item_bg_a
Color
Gap Between Items
item_gap
Slidermin 0, max 30, px6
Item Padding
item_pad
Dimensions
Sub-level Indent
indent
Slidermin 0, max 60, px16
Sub-level Typography
sub_typo
Typography
Number / Bullet Color
marker_color
Color#98a2b3
Rail Line Color
rail_color
Color#eaecf0

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_151" and a settings object using the keys above. Run get-custom-widget with id 151 for the full JSON spec.