🚀 Help visitors navigate long content easily
The Table of Contents Widget in Ansar Elements automatically generates a structured list of headings from your page or post content. It improves navigation and helps users quickly jump to specific sections.
⚡ Quick Start
- Open any page or post using Elementor Editor
- Drag & drop the Table of Contents Widget
- Select the heading tags to include
- Configure display settings
- Style the widget according to your design
🎛️ Content Controls
📑 Table Settings
Control how the table of contents is generated:
- Include Heading Tags (H1–H6)
- Exclude Specific Headings
- Hierarchical View
- Numbering Enable/Disable
- Anchor Link Support
🎨 Style Controls
🧱 Container
Customize the widget container:
- Background
- Border & Radius
- Padding
- Box Shadow
📝 Title
Customize the table title:
- Typography
- Color
- Alignment
- Spacing
📄 Content List
Customize heading links:
- Typography
- Text Colors
- Hover Colors
- Active Item Colors
- Indentation & Spacing
⚙ Toggle Icon
Customize collapse/expand icons:
- Size
- Color
- Spacing
💡 Pro Tip
Use the Table of Contents Widget on long blog posts, tutorials, and documentation pages to improve readability and help visitors find information faster.