Content · Elementor

Page List widget for Elementor

A structured list of pages (children, selected pages) for a mini sitemap or docs nav.

Open live demo

Get King Addons

This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.

Get King Addons

What it actually does

A structured list of pages (children, selected pages) for a mini sitemap or docs nav.

How to add it in Elementor

  1. Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
  2. Edit with Elementor. Open a page and click Edit with Elementor.
  3. Insert the widget. Search the panel for “Page List”. Typing “king” lists every King Addons widget.
  4. Set inspector controls from this widget’s PHP. Configure “Select Layout”, “Page Type”, “Select Page”, “Title”. Style and Content tabs are listed on this page.

When to use it

Tip: After King Addons is active, type king in the Elementor search box to list every widget, including Page List.

Inspector controls from this widget’s PHP

ControlWhat the code does
General — Select LayoutOptions: Vertical; Horizontal.
Repeater List — Page TypeOptions: Custom; Dynamic.
Repeater List — Select PageAjax Select2: options load from a King Addons admin-ajax endpoint.
Repeater List — TitleText inspector control (`page_list_item_title`).
Repeater List — Sub TitleText inspector control (`page_list_item_sub_title`).
Repeater List — Title LinkElementor URL control (href, new tab, nofollow) applied to a front-end link.
Repeater List — Open In New PageSwitcher inspector control (`open_in_new_page`).
Repeater List — Select IconIcon rendered with Elementor Icons_Manager in this widget’s HTML.
Repeater List — Show BadgeSwitcher inspector control (`show_page_list_item_badge`).
Repeater List — Enable AnimationSwitcher inspector control (`show_page_list_item_badge_animation`).
Repeater List — Badge TextText inspector control (`page_list_item_badge_text`).
Repeater List — Background ColorWrites CSS `background-color` onto the widget’s front-end markup.
General — Repeater ListRepeater rows; render() loops each item to build the list or slides.
List Items — PaddingWrites CSS `padding` onto the widget’s front-end markup.
List Items — MarginWrites CSS `margin` onto the widget’s front-end markup.
List Items — Border TypeWrites CSS `border-style` onto the widget’s front-end markup. Options: None; Solid; Double; Dotted; Dashed; Groove.
List Items — Border WidthWrites CSS `border-width` onto the widget’s front-end markup.
List Items — Border RadiusWrites CSS `border-radius` onto the widget’s front-end markup.
Title (Normal) — Title ColorWrites CSS `color` onto the widget’s front-end markup.
Title (Normal) — Border ColorWrites CSS `border-color` onto the widget’s front-end markup.
Title (Normal) — Transition Duration (ms)Writes CSS `transition-duration` onto the widget’s front-end markup. (default 300, min 0).
Title (Normal) — TypographyElementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-pl-page-list-item a`.
Title (Hover) — Title ColorWrites CSS (a, color) onto the widget’s front-end markup.
Title — Bottom DistanceWrites CSS `margin-bottom` onto the widget’s front-end markup. (min 0, max 50).
Sub Title — Sub Title ColorWrites CSS `color` onto the widget’s front-end markup.
Sub Title — TypographyElementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-pl-page-list-item p`.
Badge — ColorWrites CSS `color` onto the widget’s front-end markup.
Badge — Background ColorWrites CSS `background-color` onto the widget’s front-end markup.
Badge — Vertical AlignOptions: Top; Middle; Bottom.
Badge — SizeWrites CSS `font-size` onto the widget’s front-end markup. (min 0, max 50).
Badge — Space (px)Writes CSS `margin-left` onto the widget’s front-end markup. (min 0, max 50).
Badge — PaddingWrites CSS `padding` onto the widget’s front-end markup.
Badge — Border RadiusWrites CSS `border-radius` onto the widget’s front-end markup.
Icon — ColorWrites CSS (color, fill) onto the widget’s front-end markup.
Icon — Vertical AlignOptions: Top; Middle; Bottom.
Icon — SizeWrites CSS (font-size, max-height, width, height, i) onto the widget’s front-end markup. (min 0, max 50).
Icon — Space (px)Writes CSS `margin-right` onto the widget’s front-end markup. (min 0, max 50).

Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.

FAQ

What does Page List actually change on the page?

A structured list of pages (children, selected pages) for a mini sitemap or docs nav. Inspector labels from this widget’s PHP include “Select Layout”, “Page Type”, “Select Page”, “Title”.

How do I add Page List in Elementor?

Install King Addons and Elementor, edit a page, search the panel for “Page List”, drag it onto the canvas, then set Content and Style.

Do I need Elementor Pro?

No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.

Related content widgets

Get King Addons

One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Page List after you activate it.

Get King Addons