Marketing · Elementor
Testimonials Wall widget for Elementor
Testimonials Wall is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Testimonials Wall” in the Elementor panel.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
Testimonials Wall is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Testimonials Wall” in the Elementor panel.
Testimonials Wall Widget (Free).
render() writes HTML data attributes: data-auto-cols, data-categories, data-chip-style, data-editor-loadmore, data-editor-masonry, data-enable-category, data-enable-loadmore, data-enable-rating.
Output depends on WooCommerce objects (products, cart, or account). Empty without WooCommerce data.
Maps need a Google Maps API key; the widget prints a map container that JS initializes.
Some inspector controls are marked Pro in PHP (eicon-pro-icon / king-addons-pro-control). Those need King Addons Pro, not Elementor Pro.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Testimonials Wall”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Author Name”, “Author Title”, “Company”, “Avatar”. Style and Content tabs are listed on this page.
When to use it
- An Elementor page that needs Testimonials Wall.
- A layout in the popups, forms, pricing, and conversion sections group.
- Search the panel for “Testimonials Wall” after King Addons is active.
Tip: After King Addons is active, type king in the Elementor search box to list every widget, including Testimonials Wall.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| kng_tw_items — Author Name | Text inspector control (`kng_tw_name`). |
| kng_tw_items — Author Title | Text inspector control (`kng_tw_title`). |
| kng_tw_items — Company | Text inspector control (`kng_tw_company`). |
| kng_tw_items — Avatar | Media Library attachment(s); render() uses the URL/ID as the image source. |
| kng_tw_items — Rating (1-5) | Numeric control (default 5, min 0, max 5). |
| kng_tw_items — Date | Date Time inspector control (`kng_tw_date`). |
| kng_tw_items — Review Text | Textarea inspector control (`kng_tw_text`). |
| kng_tw_items — Source Label | Text inspector control (`kng_tw_source`). |
| kng_tw_items — Categories (comma-separated) | Text inspector control (`kng_tw_categories`). |
| kng_tw_items — Featured (Pro) | Switcher inspector control (`kng_tw_featured`). |
| Testimonials — Kng Tw Items | Repeater rows; render() loops each item to build the list or slides. |
| Testimonials — Image Size | Elementor image-size group (thumbnail, medium, large, full, custom). |
| Display — Show Avatar | Switcher inspector control (`kng_tw_show_avatar`). |
| Display — Show Author Meta | Switcher inspector control (`kng_tw_show_meta`). |
| Display — Show Rating | Switcher inspector control (`kng_tw_show_rating`). |
| Display — Show Date | Switcher inspector control (`kng_tw_show_date`). |
| Display — Show Source Label | Switcher inspector control (`kng_tw_show_source`). |
| Display — Enable Read More | Switcher inspector control (`kng_tw_enable_read_more`). |
| Display — Collapsed Lines | Numeric value used in this widget’s render/JS (default 4, min 2, max 12). |
| Display — Read More Text | Printed in the widget HTML from render(). |
| Display — Read Less Text | Printed in the widget HTML from render(). |
| Layout — Layout Mode | The chosen value is read in render() and applied on the front end. Options: Masonry; Grid. |
| Layout — Columns | Numeric control (min 1, max 6). |
| Layout — Gap | Spacing/size control (min 0, max 60). |
| Layout — Item Min Width | Spacing/size control (min 120, max 480). |
| Layout — Masonry Row Height | Spacing/size control (min 4, max 20). |
| Filters — Enable Filters | Switcher inspector control (`kng_tw_enable_filters`). |
| Filters — Filter Bar Position | The chosen value is read in render() and applied on the front end. Options: Top; Left. |
| Filters — Category Filter | Switcher inspector control (`kng_tw_enable_category_filter`). |
| Filters — All Label | Printed in the widget HTML from render(). |
| Filters — Rating Filter | Switcher inspector control (`kng_tw_enable_rating_filter`). |
| Filters — Rating UI | The chosen value is read in render() and applied on the front end. Options: Chips; Dropdown. |
| Filters — Search Field | Switcher inspector control (`kng_tw_enable_search`). |
| Filters — Search Placeholder | Printed in the widget HTML from render(). |
| Filters — Sticky Filters (Pro) | Switcher inspector control (`kng_tw_filters_sticky`). |
| Load More — Enable Load More | Switcher inspector control (`kng_tw_enable_load_more`). |
| Load More — Initial Items | Numeric value used in this widget’s render/JS (default 9, min 6, max 24). |
| Load More — Items per Load | Numeric value used in this widget’s render/JS (default 6, min 4, max 20). |
| Load More — Load More Text | Printed in the widget HTML from render(). |
| Load More — Loading Text | Printed in the widget HTML from render(). |
| Load More — Skeleton Loader | Switcher inspector control (`kng_tw_enable_skeleton`). |
| Load More — Skeleton Count | Numeric value used in this widget’s render/JS (default 3, min 1, max 12). |
| Load More — Infinite Scroll (Pro) | Switcher inspector control (`kng_tw_infinite_scroll`). |
| Empty State — Show Empty Message | Switcher inspector control (`kng_tw_enable_empty_state`). |
| Empty State — Empty Message | Printed in the widget HTML from render(). |
| Editor Preview — Enable Masonry Preview | Switcher inspector control (`kng_tw_editor_masonry_preview`). |
| Editor Preview — Enable Load More Preview | Switcher inspector control (`kng_tw_editor_load_more_preview`). |
| Editor Preview — Max Items in Editor | Numeric value used in this widget’s render/JS (default 8, min 4, max 20). |
| Wall — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} .king-addons-testimonials-wall`. |
| Wall — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Wall — Content Width | Spacing/size control (min 320, max 1600). |
| Wall — Text Color | Color written to this widget’s CSS selector. |
| Wall — Muted Color | Color written to this widget’s CSS selector. |
| Wall — Border Color | Color written to this widget’s CSS selector. |
| Card — Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Card — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__card`. |
| Card — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Card — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__card`. |
| Card — Box Shadow (Kng Tw Card Shadow Hover) | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__card:hover`. |
| Card — Hover Lift | Spacing/size control (min 0, max 20). |
| Card — Hover Transition (s) | Numeric control (default 0.2, min 0, max 2). |
| Card — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__name`. |
| Typography (Kng Tw Meta Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__meta`. |
| Typography (Kng Tw Text Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__text`. |
| Typography (Kng Tw Source Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__source`. |
| Typography (Kng Tw Date Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__date`. |
| Avatar — Size | Writes CSS (width, height) onto the widget’s front-end markup. (min 24, max 120). |
| Avatar — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Avatar — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__avatar`. |
| Rating — Star Size | Spacing/size control. |
| Rating — Star Color | Color written to this widget’s CSS selector. |
| Rating — Empty Star Color | Color written to this widget’s CSS selector. |
| Rating — Star Gap | Spacing/size control. |
| Filters — Chip Style | The chosen value is read in render() and applied on the front end. Options: Filled; Outline. |
| Filters — Filters Alignment | Writes CSS `justify-content` onto the widget’s front-end markup. Options: Left; Center; Right; Space Between. |
| Filters — Filter Bar Gap | Spacing/size control (min 0, max 40). |
| Filters — Filter Group Gap | Spacing/size control (min 0, max 30). |
| Filters — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__filter-chip`. |
| Filters — Chip Text Color | Color written to this widget’s CSS selector. |
| Filters — Chip Background | Color written to this widget’s CSS selector. |
| Filters — Chip Border | Color written to this widget’s CSS selector. |
| Filters — Active Text | Color written to this widget’s CSS selector. |
| Filters — Active Background | Color written to this widget’s CSS selector. |
| Filters — Active Border | Color written to this widget’s CSS selector. |
| Filters — Chip Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Filters — Chip Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Filters — Typography (Kng Tw Search Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__search-input`. |
| Filters — Search Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Filters — Search Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Filters — Search Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Filters — Search Border Color | Writes CSS `border-color` onto the widget’s front-end markup. |
| Filters — Search Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Filters — Typography (Kng Tw Dropdown Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__rating-select`. |
| Filters — Dropdown Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Filters — Dropdown Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Filters — Dropdown Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Filters — Dropdown Border | Writes CSS `border-color` onto the widget’s front-end markup. |
| Filters — Dropdown Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Read More — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__read-more`. |
| Read More (Normal) — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Read More (Hover) — Text Color | Writes CSS (read-more, color) onto the widget’s front-end markup. |
| Read More — Spacing | Writes CSS `margin-top` onto the widget’s front-end markup. (min 0, max 30). |
| Load More Button — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__load-more-btn`. |
| Load More Button — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__load-more-btn`. |
| Load More Button — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__load-more-btn`. |
| Load More Button (Normal) — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Load More Button (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Load More Button (Hover) — Text Color | Writes CSS (load-more-btn, color) onto the widget’s front-end markup. |
| Load More Button (Hover) — Background Color | Writes CSS (load-more-btn, background-color) onto the widget’s front-end markup. |
| Load More Button (Hover) — Border Color | Writes CSS (load-more-btn, border-color) onto the widget’s front-end markup. |
| Load More Button (Hover) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__load-more-btn:hover`. |
| Load More Button — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Load More Button — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Load More Button — Alignment | Writes CSS `justify-content` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Empty State — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__empty`. |
| Empty State — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Empty State — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Empty State — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-testimonials-wall__empty`. |
| Empty State — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Empty State — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Empty State — Text Alignment | Writes CSS `text-align` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Skeleton Loader — Base Color | Color written to this widget’s CSS selector. |
| Skeleton Loader — Shimmer Color | Color written to this widget’s CSS selector. |
| Skeleton Loader — Skeleton Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
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
Why is Testimonials Wall blank?
The map JS needs a valid Google Maps API key. The Elementor preview can look empty until the key is set and you view the front end.
Does Testimonials Wall require WooCommerce?
Yes. This widget reads WooCommerce products, cart, or account objects. Install WooCommerce and add data before the widget has anything to show.
How do I add Testimonials Wall in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Testimonials Wall”, 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 marketing widgets
Testimonial & Review Carousel
A carousel of testimonials so you can show many quotes without stacking the page.
Business Hours
Opening hours with weekday rows, highlights for today, and closed states.
Countdown & Timer
A countdown to a date (or evergreen) for launches, sales, and events.
Flip Countdown & Timer
A flip-clock countdown with the same job as Countdown, in a different visual style.
Form Builder
A form you build in Elementor: fields, layout, and submit behavior for contact, quotes, and lead capture.
Login | Register Form
AJAX login and registration on a normal Elementor page, with validation and optional extra fields.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Testimonials Wall after you activate it.