MoxKit Docs Download free

Elementor Testimonial Widget

Updated · MoxKit 1.4.4 · Download free on WordPress.org

The Elementor testimonial widget shows one customer quote or many. A single quote fits next to a contact form; several quotes can be shown as a grid, a carousel, an endless moving row or an avatar picker where visitors click a face to read that review.

  • Widget name MoxKit Testimonial
  • Panel category MoxKit Addons
  • Settings 89+
  • Requires Elementor 3.25+ (free)
  • Price Free
Elementor testimonial widget: elementor testimonial card designs: Classic, Photo, Header
Card designs: Classic, Photo, Header.
Table of contents
  1. What is the Elementor testimonial widget?
  2. Key features
  3. How to add the Elementor testimonial widget
  4. Designs and examples
  5. Elementor testimonial widget settings: Content tab
  6. Elementor testimonial widget settings: Style tab
  7. Tips and best practices
  8. Testimonial FAQ
  9. Summary
  10. Related widgets

What is the Elementor testimonial widget?

Choose from 11 card designs, highlight key words with **double asterisks**, and add star ratings with exact, half or whole fill. A rating summary can show your overall score and a review-site logo.

Like every MoxKit widget, the Testimonial has Content and Style tabs with responsive settings, typography, colors and box styling, and it keeps Elementor's Advanced tab. You can switch it off under MoxKit > Widgets if you do not use it; a disabled widget loads no files.

Key features

  • Single or multiple quotes.
  • 11 designs: classic, photo, header, titled, side, badge, dated, compact, vertical, polaroid and spotlight.
  • Layouts for several quotes: grid (1–4 columns), carousel with arrows and autoplay, moving row (marquee) with edge fade, avatar picker.
  • Quote, name, role, avatar, title, photo, company logo, date and photo caption.
  • Ratings: stars, pill or badge look; exact, half or whole fill; Elementor library icons; outline empty stars; score number.
  • Highlighted words with **text**.
  • Rating summary with score, review count, label, text, logo and link.

How to add the Elementor testimonial widget

Follow these steps to add the widget to a page. You need MoxKit Addons for Elementor installed and Elementor active.

  1. Open the page in Elementor (Pages > Edit with Elementor).
  2. In the widget panel, search for "Testimonial" or scroll to the MoxKit Addons category.
  3. Drag the Testimonial widget into a Container.
  4. Choose Show: Single or Multiple.
  5. Fill in the quote, name, role and avatar (or the Testimonials list).
  6. Under Design pick a card design and, for several quotes, a layout.
  7. Optional: turn on the Rating summary.
  8. Click Update (or Publish) to save the page.

Designs and examples

These screenshots were taken from a live WordPress site running MoxKit 1.4.4 and Elementor. They show the Testimonial with the settings described in each caption.

Testimonial grid with a review rating summary in Elementor
Several quotes as a grid with a rating summary.
Spotlight testimonial design with a large photo
The Spotlight design: a large photo beside a big quote.
Testimonial slider with avatar picker
The avatar picker layout: click a face to switch the quote.

Elementor testimonial widget settings: Content tab

The Content tab holds what the widget shows and how it behaves. It has 3 sections and about 39 settings. Settings marked per device can have a different value on desktop, tablet and mobile.

Testimonial

SettingTypeOptions and notes
ShowSelectOne testimonial, Several testimonials (default: One testimonial)
QuoteText areaWrap words in **double asterisks** to highlight them.
NameText
Role / companyText
AvatarImage
TitleTextUsed by the "Stars, title" and "Large photo" designs.
PhotoImageUsed by the "Photo on top", "Polaroid" and "Large photo" designs.
Company logoImageUsed by the "Photo on top" design.
DateTextShown by the "Score and date" design, e.g. 26 Nov.
Photo captionTextHand-written line under the Polaroid photo.
Show ratingToggleOn / Off (default: On)
RatingNumber
TestimonialsListEach item: Quote, Name, Role / company, Avatar, Title, Photo, Company logo, Date, Photo caption, Rating
Alignment per deviceChoiceLeft, Center, Right

Design

SettingTypeOptions and notes
Card designSelectClassic: stars, quote, person, Photo on top, logo and quote, Avatar, stars and name on top, Stars, title, quote, person, Avatar beside the quote, Person with a score badge, Score and date at the bottom, Compact row, Name written vertically, Polaroid photo with a caption, Large photo with a rating card (default: Classic: stars, quote, person)
Rating lookSelectStars, Stars in a pill, One star and the score (default: Stars)
Show the score number (4.5)ToggleOn / Off
Star fillSelectRound to half stars, Exact (4.3 fills 30% of the fifth star), Round to whole stars (default: Round to half stars)
Star iconChoiceBuilt-in star, Icon Library (default: Built-in star)
Filled iconIcon
Empty icon (optional)IconLeave empty to show the filled icon in the empty color, or pick an outline version (such as a regular star).
Empty starsSelectSolid, Outline (default: Solid)
Arrange several asSelectGrid, Carousel with arrows, Endless moving row, One at a time, picked by avatar (default: Grid)
Columns per deviceSelect1, 2, 3, 4 (default: 3)
Gap per deviceSlider
Card width per deviceSlider
Seconds per loopSlider
DirectionSelectTo the left, To the right (default: To the left)
Fade the edgesToggleOn / Off (default: On)
ArrowsToggleOn / Off (default: On)
AutoplayToggleOn / Off
Seconds per testimonialNumber

Rating summary

SettingTypeOptions and notes
Show a rating summaryToggleA line under the testimonials ("Rated 4.8 from 2,488 reviews on …"), or the card on the photo in the "Large photo" design. On / Off
ScoreText
Number of reviewsTextShown on the rating card of the "Large photo" design.
LabelText
TextText area
Review site logoImage
LinkLink

Elementor testimonial widget settings: Style tab

The Style tab controls the look of every part of the widget: 10 sections, about 50 settings. Elementor's own Advanced tab (margin, padding, motion effects, responsive visibility, custom CSS) is available as usual.

Quote

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Name

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Role

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Title

SettingTypeOptions and notes
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Bottom spacing per deviceSlider

Avatar

SettingTypeOptions and notes
Avatar size per deviceSlider
Avatar radius per deviceSlider

Rating

SettingTypeOptions and notes
Filled star colorColor
Empty star colorColor
Star size per deviceSlider
Star spacing per deviceSlider
Outline thicknessSlider
Space below per deviceSliderFor designs where the stars sit above the text.
Score number
TypographyGroupAll the usual Elementor typography settings.
ColorColor
Pill and badge
BackgroundColor
Stars in the pill, badge textColor
Badge starColor
Padding per deviceSpacing
BorderGroupAll the usual Elementor border settings.
Border radius per deviceSpacing

Photo, logo, date and accents

SettingTypeOptions and notes
Photo height per deviceSlider
Photo radius per deviceSlider
Logo heightSlider
Date backgroundColor
Date textColor
Accent (vertical name, highlights)Color
Footer lineColor
Photo caption
TypographyGroupAll the usual Elementor typography settings.
Caption colorColor

Arrows and avatars

SettingTypeOptions and notes
Arrow colorColor
Arrow backgroundColor
Arrow borderColor
Avatar picker size per deviceSlider

Rating summary

SettingTypeOptions and notes
Text colorColor
Card backgroundColor
Label backgroundColor
Label textColor

Card

SettingTypeOptions and notes
BackgroundGroupAll the usual Elementor background settings.
BorderGroupAll the usual Elementor border settings.
Box shadowGroupAll the usual Elementor box shadow settings.
Padding per deviceSpacing
Border radius per deviceSpacing

Tips and best practices

  • Use real names, roles and photos; they make reviews believable.
  • Wrap a few words in ** to highlight the most convincing part of the quote.
  • The Spotlight and Side designs need a wide column.

Testimonial FAQ

Can I show half stars?

Yes. Set Star fill to Half, or Exact for values like 4.7.

Can testimonials slide automatically?

Yes. Use the Carousel layout with Autoplay, or the Moving row layout for a continuous scroll.

Can I use my own star icon?

Yes. Set Star icon to Library and pick filled and empty icons.

Summary

The Elementor testimonial widget in MoxKit is free, works with the free version of Elementor and loads its files only on pages that use it. 11 card designs, grid, carousel, moving row or avatar picker, half-star ratings and a rating summary. Install MoxKit Addons for Elementor from WordPress.org, drag the Testimonial widget onto a page and start with the settings above.