Online courses
Show how many lessons a course page contains.
Content / widget · Elementor module
Direct Child Page Count Widget Plugin for Elementor
Show how many published child pages the current page has, such as “4 lessons in this course”, with correct singular and plural wording.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Direct child page countProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
A real section count
These are the actual published outputs of the widget on a sample course page with four published lessons: the default count, a course badge, and a short card label.
02 / Inside WordPress
Direct child page count controls in Elementor
Content sets the wording for one and for more child pages (with % for the number), whether pages without children show anything and its wording, text before and after, a fallback, the HTML tag and an optional icon. The Style tab covers typography, colour, alignment, background, border, radius and padding, plus icon position, size, gap and colour.
03 / Website use cases
Where to use direct child page count
Section and course overview pages often say how many pages they contain, and the typed number goes wrong as soon as a page is added or unpublished. Direct child page count counts the published child pages of the current page each time it is built, skipping drafts, private and password-protected pages, and stays hidden on pages without children.
Documentation sections
Show how many guides each section holds.
Service overviews
Count the service pages under an overview.
04 / Installation and setup
How to show a subpage count 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 Direct child page count in the Complementor library.
Set the Parent of each subpage in Page Attributes.
Add the widget to the parent page or its template.
Adjust the wording, such as “% lessons”.
Style it and check the page on the frontend.
05 / Content and style controls
Customize direct child page count in Elementor
Configure the settings available for this module to suit the page you are building.
Counts published direct child pages only.
Skips drafts, private and password-protected pages.
Separate wording for one, more and none.
Hidden on pages without child pages, unless you choose otherwise.
Count is never frozen into the page's saved text.
Style: typography, colour, surface, icon.
06 / Choose the right approach
Direct child page count and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
A typed number
Typed counts go wrong when pages are added or unpublished. This counts live.
Listing the pages
A full list takes space. A count is a compact summary next to the list or a button.
07 / Requirements and compatibility
Direct child page count compatibility with Elementor
- Requires Elementor.
- WordPress pages only.
- Direct children only.
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 direct child page count
Check these settings if the published page behaves differently from the editor.
Why is nothing shown?
The page has no published child pages, or it is not a page. Turn on Show on pages without child pages to show the none wording.
Why is a subpage not counted?
It is a draft, private, scheduled or password-protected, or its Parent is a different page.
Are grandchild pages counted?
No. Only pages whose Parent is this page are counted.
Does it work on posts?
No. Posts have no parent pages; it shows only on pages.
Direct child page count plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Does it update when I publish a new subpage?
Yes. It counts each time the page is built.
Can I write “lessons” instead of “pages”?
Yes. All wordings are editable, with % for the number.
Is it accessible?
Yes. It is plain text, and the optional icon is hidden from screen readers.
Does it add JavaScript?
No. It is plain HTML and CSS.
10 / Annual All Access subscription
Get direct child page count 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.