Before publishing
Check that a new page’s headings follow on.
Content / widget · Elementor module
Heading Structure Summary Widget Plugin for Elementor
Show an outline of the headings on the page, indented by level, with skipped levels, empty headings and h1 problems marked, for editors.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Heading structure summaryProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget. Try each one on this page.
02 / Inside WordPress
Heading structure summary controls in Elementor
Content sets who sees the summary and what part of the page to check. The Style tab covers the text, the panel, the level badges, the finding colour and the buttons.
03 / Website use cases
Where to use heading structure summary
Headings set in Elementor are easy to pick for their size rather than their level, so pages end up jumping from h2 to h5 or having three h1 headings. Screen reader users navigate by these levels. Heading structure summary shows the real outline of the published page and marks the gaps, visible only to people who can edit it.
Site templates
Check headers and footers do not add stray h1 or h2 headings.
SEO reviews
Confirm each page has one clear h1.
04 / Installation and setup
How to add a heading structure summary 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 Heading structure summary in the Complementor library.
Add the widget at the bottom of the page or template.
Choose what to check and who sees the summary.
View the page while logged in and fix any marked headings.
Publish the page and try it.
05 / Content and style controls
Customize heading structure summary in Elementor
Configure the settings available for this module to suit the page you are building.
Indented outline by level.
Skipped levels marked.
Empty headings marked.
No h1 or several h1 noted.
Show button for each heading.
Only editors see it by default.
06 / Choose the right approach
Heading structure summary and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Browser extensions
Show headings too, but need installing and are not part of the page.
Elementor Navigator
Shows widgets, not the heading levels they output.
07 / Requirements and compatibility
Heading structure summary compatibility with Elementor
- Requires Elementor; works without Elementor Pro and WooCommerce.
- Checks the page being viewed only; it does not scan the whole site.
- Runs in the visitor’s browser; nothing is sent to the server.
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 heading structure summary
Check these settings if the published page behaves differently from the editor.
Why do visitors not see it?
Who sees the summary is set to editors only. That is the default.
Why is a heading missing?
It is hidden, aria-hidden, or outside the area checked.
Why are site title headings listed?
The whole page is checked. Choose The main content of the page.
Why are h1 notes missing?
They apply only when checking the whole page or the main content.
Heading structure summary plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Does it change the headings?
No. It only reads the page.
Is going from h4 back to h2 a problem?
No. Only skipping levels on the way down is marked.
Do visitors see it?
Not by default; only people who can edit the page. You can choose Everyone.
Does it check the heading wording?
No. It checks the levels, not whether the text describes the section.
10 / Annual All Access subscription
Get heading structure summary 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.