Guides
Let readers jump to the step they need.
Content / widget · Elementor module
Manual Content Outline Widget Plugin for Elementor
An “On this page” list of links to sections by their CSS ID, written by hand and nested by level.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Manual content outlineProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Examples
Each example below is the actual published output of the Manual content outline widget.
02 / Inside WordPress
Manual content outline controls in Elementor
Content holds the links (text, section ID and level), the text above them and the list style. The Style tab covers the box, the links, the markers, spacing, indent and the text above.
03 / Website use cases
Where to use manual content outline
Long pages need a short list of jump links at the top, but automatic tables of contents pick up every heading, including ones you would rather leave out. Manual content outline lets you write the list yourself: the link text, the section’s CSS ID and a level. It nests the links properly and marks the list as page navigation for screen readers.
Policies
Link to each section of a long policy.
Product pages
Jump to details, delivery and questions.
04 / Installation and setup
How to add a manual content outline in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Manual content outline in the Complementor library.
Add the widget to the page.
Give each section a CSS ID under Advanced > CSS ID.
Add a link for each section with its text, ID and level.
Choose the list style and style the box and links.
05 / Content and style controls
Customize manual content outline in Elementor
Configure the settings available for this module to suit the page you are building.
Links written by hand.
Six levels, nested properly.
No markers, bullets or numbers.
Labelled nav landmark.
Bad rows left out.
No script.
06 / Choose the right approach
Manual content outline and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Elementor Pro Table of Contents
Builds the list from headings automatically.
Typing links in a Text Editor
No nesting and no navigation landmark.
07 / Requirements and compatibility
Manual content outline compatibility with Elementor
- Requires Elementor.
- Links within the same page.
- Up to 100 links.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot manual content outline
Check these settings if the published page behaves differently from the editor.
Why does a link not jump?
No element on the page has that CSS ID. Check Advanced > CSS ID.
Why is a row missing?
It has no link text, or its ID has a space in it. The editor says how many rows are left out.
Why is a level 3 only indented once?
Levels nest like headings, one step at a time.
Can I hide the text above?
Yes. Leave it empty.
Manual content outline plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Do I need the # in the ID?
No. Both “pricing” and “#pricing” work.
Does it read my headings?
No. You choose every link, so the list shows only what you want.
Is it accessible?
Yes. It is a nav landmark with a name, and the links are nested lists.
Does it need JavaScript?
No. It is plain links rendered by the server.
10 / Annual All Access subscription
Get manual content outline with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.