Testimonials

3 min read Updated

The Testimonials Widget shows what your customers say about you. Each testimonial has a quote, a name, a location and an optional photo. Show them in a grid with up to five per row.

Requirements

To use this widget, go to PluginsSiteOrigin Widgets and activate the Testimonials Widget.

You can use the Testimonials Widget anywhere:

Page Builder: Insert the widget in Page Builder by SiteOrigin, in the Classic Editor or in the Page Builder Layout Block.
Block Editor: Insert the SiteOrigin Testimonials block. You will find it in the SiteOrigin category.
Theme and Plugin Widget Areas: Insert the widget into any theme or plugin widget area.

Settings

Title
An optional widget title above the testimonials.

The Testimonials widget form with one testimonial open

Testimonials

Click Add to add a testimonial. Use the arrow to open a testimonial, the page icon to duplicate it, and the cross icon to delete it.

Name
The name of the person who gave the testimonial.

Location
Their location or company name.

Image
A photo of the person. Select an image from the Media Library, or enter the address of an image in the External URL field.

Text
The quote. Use the editor to format it.

URL
An optional link, for example to the customer’s website. When you enter a URL, the widget links the location. If the testimonial has an image, the widget also links the image and the name.

Open in a new window
Opens the URL in a new tab or window.

The form also shows Link name and Link image checkboxes. At the moment, these have no effect. The URL setting above controls the links.

Settings

Testimonials per row
The number of testimonials in each row, from 1 to 5. Default: 3.

Responsive

These settings apply on smaller screens.

Tablet

  • Testimonials per row: Default: 2.
  • Image size: The image size on tablets, in pixels, from 20 to 150. Default: 50.
  • Resolution: The widget uses the tablet settings at this screen width in pixels and below. Default: 800.

Mobile Phone

  • Testimonials per row: Default: 1.
  • Image size: The size of round images on phones, in pixels, from 20 to 150. Default: 50. At the moment, square images keep the Design Image size on phones.
  • Resolution: The widget uses the mobile settings at this screen width in pixels and below. Default: 480.

Design

Image

Image shape
Square or Round. Default: Square.

Image size
The image width and height in pixels, from 20 to 150. Default: 50.

Colors

Widget background
The background color behind each testimonial. Leave it empty for no background.

Text background
The background color of the quote. Default: #f0f0f0.

Text color
The quote text color. Default: #444444.

The next settings sit directly in the Design section, below Colors.

Padding
The spacing inside the quote box and around the name and image, in pixels, from 0 to 100. Default: 10.

Text background radius
The corner radius of the quote box, in pixels, from 0 to 100. Default: 4.

User position
Where the name and image go: Left, Right or Middle. Default: Left.

Testimonial layout
The position of the quote next to the name and image. Default: Side by side. The options are:

  • Side by side: The quote is next to the name and image.
  • Text above user: The quote is above the name and image.
  • Text below user: The quote is below the name and image.

Equalize testimonial height
Gives all quote boxes in a row the same height. Disabled by default.

The three testimonial layouts side by side

Three testimonials in a row on the front end

SiteOrigin Premium

The Testimonials Addon in SiteOrigin Premium adds a Fonts section to Design. Set the font family and font size for the title, the name, the location and the text.

All other settings on this page are free.