Marketing · Elementor
Testimonial & Review Carousel widget for Elementor
A carousel of testimonials so you can show many quotes without stacking the page.
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
A carousel of testimonials so you can show many quotes without stacking the page.
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 “Testimonial & Review Carousel”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Layout”, “Image”, “Title”, “Subtitle”. Style and Content tabs are listed on this page.
When to use it
- An agency homepage.
- A course sales page.
- A shop that collects customer quotes.
Tip: After King Addons is active, type king in the Elementor search box to list every widget, including Testimonial & Review Carousel.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Layout | Select inspector control (`king_addons_testimonial_carousel_layout`). |
| king_addons_testimonial_carousel_content_items — Image | Media Library attachment(s); render() uses the URL/ID as the image source. |
| king_addons_testimonial_carousel_content_items — Title | Saved on the widget and consumed in render(). |
| king_addons_testimonial_carousel_content_items — Subtitle | Saved on the widget and consumed in render(). |
| king_addons_testimonial_carousel_content_items — Rating | Numeric value used in this widget’s render/JS (default 5, min 0, max 10). |
| king_addons_testimonial_carousel_content_items — Description | Saved on the widget and consumed in render(). |
| Content — King Addons Testimonial Carousel Content Items | Repeater rows; render() loops each item to build the list or slides. |
| Image — Show Image | Switcher inspector control (`king_addons_testimonial_carousel_image_switcher`). |
| Image — Image Size | Elementor image-size group (thumbnail, medium, large, full, custom). |
| Rating — Show Rating | Switcher inspector control (`king_addons_testimonial_carousel_rating_switcher`). |
| Rating — Rating Scale | Spacing/size control (min 1, max 10). |
| Rating — Icon | Icon rendered with Elementor Icons_Manager in this widget’s HTML. |
| Carousel Settings — Loop Cards | Switcher inspector control (`king_addons_testimonial_carousel_sw_loop_switcher`). |
| Carousel Settings — Rewind Cards | When enabled, clicking the next navigation button when on last slide will slide back to the first slide. Clicking the prev navigation button when on first slide will slide forward to the last slide. Should not be used together with loop mode. |
| Carousel Settings — Autoplay Carousel Cards | Switcher inspector control (`king_addons_testimonial_carousel_sw_autoplay_switcher`). |
| Carousel Settings — Delay between transitions (ms) | Numeric control (default 3000, min 0). |
| Carousel Settings — Disable on interaction | Autoplay will be disabled after user interactions (swipes), it will not be restarted every time after interaction. |
| Carousel Settings — Pause on mouse enter | When enabled autoplay will be paused on pointer (mouse) enter over carousel container. |
| Carousel Settings — Reverse Direction | Enables autoplay in reverse direction. |
| Carousel Settings — Autoplay Like Ticker (marquee effect) | Autoscrolls cards as on ticker, also known as marquee effect. |
| Carousel Settings — Autoplay Speed (ms) | Numeric control (default 6000, min 0). |
| Carousel Settings — Scrolling Speed (ms) | Numeric control (default 600, min 0). |
| Carousel Settings — Make testimonial full height | Writes CSS `height` onto the widget’s front-end markup. Options: Yes; No. |
| Carousel Settings — Align Whole Card | Writes CSS `align-content` onto the widget’s front-end markup. Options: Default; Start; Center; End. |
| Carousel Settings — Align Card Content | Writes CSS `justify-content` onto the widget’s front-end markup. Options: Default; Start; Center; End. |
| Responsive Settings — Cards per view | The number of slides per view can be a fractional number like 4.5, 5.25, 6.45, etc., to indicate that further slides exist. |
| Responsive Settings — Space between cards (px) | Numeric control (default 30, min 0). |
| Responsive Settings — Cards per view (King Addons Testimonial Carousel Sw Tablet Cards Per View) | Numeric control (default 2.0, min 1). |
| Responsive Settings — Space between cards (px) (King Addons Testimonial Carousel Sw Tablet Space Between Cards) | Numeric control (default 30, min 0). |
| Responsive Settings — Breakpoint (px) | Pixel breakpoint for this device’s slidesPerView / gap (default 1024, min 1). |
| Responsive Settings — Cards per view (King Addons Testimonial Carousel Sw Mobile Cards Per View) | Numeric control (default 1.0, min 1). |
| Responsive Settings — Space between cards (px) (King Addons Testimonial Carousel Sw Mobile Space Between Cards) | Numeric control (default 30, min 0). |
| Responsive Settings — Breakpoint (px) (King Addons Testimonial Carousel Sw Mobile Breakpoint) | Pixel breakpoint for this device’s slidesPerView / gap (default 767, min 1). |
| Navigation — Enable navigation | Switcher inspector control (`king_addons_testimonial_carousel_sw_nav_switcher`). |
| Navigation — Display on different screen sizes | Writes CSS `display` onto the widget’s front-end markup. Options: Show; Hide. |
| Pagination — Enable pagination | Switcher inspector control (`king_addons_testimonial_carousel_sw_pag_switcher`). |
| Pagination — Type | Options: Bullets; Progress Bar; Fraction. |
| Pagination — Progress bar position | Check margin settings to properly set the position of the progress bar. |
| Pagination — Clickable Bullets | Switcher inspector control (`king_addons_testimonial_carousel_sw_pag_clickable_switcher`). |
| Pagination — Dynamic Bullets | Good to enable if you use bullets pagination with a lot of cards. So it will keep only few bullets visible at the same time. |
| Pagination — Number of Dynamic Bullets | The number of main bullets visible when Dynamic Bullets enabled. |
| Pagination — Display on different screen sizes | Writes CSS `display` onto the widget’s front-end markup. Options: Show; Hide. |
| Image — Width (px) | Writes CSS (width, flex) onto the widget’s front-end markup. (default 70, min 0). |
| Image — Height (px) | Writes CSS `height` onto the widget’s front-end markup. (default 70, min 0). |
| Image — Gap between Image and Content (px) | Writes CSS `gap` onto the widget’s front-end markup. (default 20, min 0). |
| Image — Gap between Image and Content (px) (King Addons Testimonial Carousel Whole Testimonial Carousel Gap 2) | Writes CSS `gap` onto the widget’s front-end markup. (default 15, min 0). |
| Image — CSS Filter | CSS filter group (blur, brightness, contrast, saturation). Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-image img`. |
| Image — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-image img`. |
| Image — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-image img`. |
| Image — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Title — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-title`. |
| Title — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Title — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Subtitle — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-subtitle`. |
| Subtitle — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Subtitle — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Subtitle — Title-Subtitle Block Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Subtitle — Title-Subtitle Block Margin (King Addons Testimonial Carousel Title Subtitle Margin 2) | Writes CSS `margin` onto the widget’s front-end markup. |
| Description — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-description`. |
| Description — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Description — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Rating — Size | Spacing/size control (min 0, max 100). |
| Rating — Spacing | Spacing/size control (min 0, max 100). |
| Rating — Color | Color written to this widget’s CSS selector. |
| Rating — Unmarked Color | Color written to this widget’s CSS selector. |
| Rating — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Testimonial Card — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-layout`. |
| Testimonial Card — Space between Bio and Description (px) | Writes CSS `gap` onto the widget’s front-end markup. (default 25, min 0). |
| Testimonial Card — Space between Image and Title + Subtitle, Rating (px) | Writes CSS `gap` onto the widget’s front-end markup. (default 20, min 0). |
| Testimonial Card — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Testimonial Card — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-layout`. |
| Testimonial Card — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-layout`. |
| Testimonial Card — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Navigation — Icon | Icon rendered with Elementor Icons_Manager in this widget’s HTML. |
| Navigation — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Navigation — Scale on hover (%) | Writes CSS (king-addons-testimonial-carousel-sw-nav-prev, transform) onto the widget’s front-end markup. (default 1.3, min 0). |
| Navigation — Vertical position (%) | Writes CSS `top` onto the widget’s front-end markup. (min 0, max 100). |
| Navigation — Horizontal position (%) | Writes CSS `left` onto the widget’s front-end markup. (min 0, max 100). |
| Navigation — Icon (King Addons Testimonial Carousel Sw Nav Icon Next) | Icon rendered with Elementor Icons_Manager in this widget’s HTML. |
| Navigation — Margin (King Addons Testimonial Carousel Sw Nav Margin Next) | Writes CSS `margin` onto the widget’s front-end markup. |
| Navigation — Scale on hover (%) (King Addons Testimonial Carousel Sw Nav Next Transform Scale) | Writes CSS (king-addons-testimonial-carousel-sw-nav-next, transform) onto the widget’s front-end markup. (default 1.3, min 0). |
| Navigation — Vertical position (%) (King Addons Testimonial Carousel Sw Nav Position V Next) | Writes CSS `top` onto the widget’s front-end markup. (min 0, max 100). |
| Navigation — Horizontal position (%) (King Addons Testimonial Carousel Sw Nav Position H Next) | Writes CSS `right` onto the widget’s front-end markup. (min 0, max 100). |
| Navigation — Icon Size | Writes CSS (font-size, width, height) onto the widget’s front-end markup. (default 32, min 0). |
| Navigation — Transition duration for icon on hover (ms) | Writes CSS `transition` onto the widget’s front-end markup. (default 300, min 0). |
| Navigation — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Navigation (Normal) — Color | Writes CSS (color, fill) onto the widget’s front-end markup. |
| Navigation (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Navigation (Normal) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-sw-nav-inner`. |
| Navigation (Normal) — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-sw-nav-inner`. |
| Navigation (Normal) — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Navigation (Hover) — Color | Writes CSS (i, color, svg, fill) onto the widget’s front-end markup. |
| Navigation (Hover) — Background Color | Writes CSS (king-addons-testimonial-carousel-sw-nav-inner, background-color) onto the widget’s front-end markup. |
| Navigation (Hover) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-sw-nav-inner:hover`. |
| Navigation (Hover) — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-sw-nav-inner:hover`. |
| Navigation (Hover) — Border Radius | Writes CSS (king-addons-testimonial-carousel-sw-nav-inner, border-radius) onto the widget’s front-end markup. |
| Pagination — Color | Color written to this widget’s CSS selector. |
| Pagination — Second Color | Color written to this widget’s CSS selector. |
| Pagination — Size | Numeric control (default 8, min 0). |
| Pagination — Bullets gap | Numeric control (default 4, min 0). |
| Pagination — Size (King Addons Testimonial Carousel Sw Pag Progressbar Size) | Numeric control (default 4, min 0). |
| Pagination — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-sw-pagination.swiper-pagination-fraction`. |
| Whole Carousel — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-sw-items`. |
| Whole Carousel — Whole carousel margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Whole Carousel — Cards wrapper margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Whole Carousel — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Whole Carousel — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-sw-items`. |
| Whole Carousel — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-testimonial-carousel-sw-items`. |
| Whole Carousel — Border 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
What does Testimonial & Review Carousel actually change on the page?
A carousel of testimonials so you can show many quotes without stacking the page. Inspector labels from this widget’s PHP include “Layout”, “Image”, “Title”, “Subtitle”.
How do I add Testimonial & Review Carousel in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Testimonial & Review Carousel”, 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
A single testimonial or review block: quote, name, role, photo, optional rating.
Price List & Menu
A menu or price list: item, description, price, optional image — for restaurants and services.
Pricing Slider
An interactive pricing slider: visitors drag a value and see the matching price or package.
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.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Testimonial & Review Carousel after you activate it.