Long guides
Jump to the step you need.
Content / widget · Elementor module
Post Heading Outline Widget Plugin for Elementor
Show a linked outline of the headings in the current post, with stable anchors that also work with shared links.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Post heading outlineProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
This page's outline
These are the actual published outputs of the widget for this page's headings.
02 / Inside WordPress
Post heading outline controls in Elementor
Content sets the title, the heading levels, the list style, indenting, links, the minimum number of headings and the space above headings for sticky headers. The Style tab covers the box, the title and the links.
03 / Website use cases
Where to use post heading outline
Long guides and documentation are hard to scan, and adding anchors to every heading by hand is tedious. Post heading outline reads the post's headings as readers see them, lists them as a linked outline, and gives each heading a stable anchor from its text so shared links keep pointing to the right section.
Documentation
A contents box beside each page.
Recipes
Jump to ingredients or method.
04 / Installation and setup
How to add an outline of a post 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 Post heading outline in the Complementor library.
Add the widget to a single post template.
Choose the heading levels and list style.
Set the space for a sticky header if you have one.
Style it and open a long post.
05 / Content and style controls
Customize post heading outline in Elementor
Configure the settings available for this module to suit the page you are building.
Headings as readers see them.
H2 to H6, any range.
Stable anchors from the text.
Existing heading ids kept.
Space for sticky headers.
Hidden on short posts.
06 / Choose the right approach
Post heading outline and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Elementor Pro Table of Contents
Needs Elementor Pro.
Typed anchor links
Break when headings change.
07 / Requirements and compatibility
Post heading outline compatibility with Elementor
- Requires Elementor.
- No scroll highlighting of the current section.
- Up to 60 headings.
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 post heading outline
Check these settings if the published page behaves differently from the editor.
Why is there no outline?
The post has fewer headings in the chosen levels than the minimum.
Why does a link not jump without JavaScript?
Only headings that already have an id can be reached; the script adds the others.
Why is a heading missing?
It is outside the chosen levels, hidden, or in a nav, aside, header or footer.
Why does the heading hide under my header?
Set the space above a heading after jumping.
Post heading outline plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Where does it get its information?
From the headings in the post's own content, as readers see it.
Where should I place it?
In a single post or page template, or directly on a post. It reads the post being viewed.
Does it send anything to other services?
No. Everything is read from your own WordPress site while the page is built.
Do the anchors change?
Not unless the heading text changes; headings with their own id keep it.
10 / Annual All Access subscription
Get post heading 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.