help center

On this page

Reviews widget

Last Update: January 14, 2024

The Reviews widget displays a sliding carousel of user reviews.


Content

Slides

Items

Shows a list of all the items in the slide. You can drag and drop them to change their order. Click on the Add Item button to add another item to the list.

In addition to adding your content manually, the options below also use Dynamic Tags. These tags allow you to retrieve WordPress data, or from plugin sources such as Advanced Custom Fields, or WooCommerce products. Items that have the ability to use dynamic data will have the “stack” icon beside the fields input.

  1. Image: Upload or choose the reviewer’s image
  2. Name: Enter the reviewer’s name
  3. Title: Enter the reviewer’s job title
  4. Rating: Assign a numerical rating, from 0.0 to 5.0
  5. Icon: Choose the type of icon to use, either Font Awesome or Unicode
  6. Link: Link the review to a URL
  7. Review: Enter the text of the review

Tip: Quickly duplicate or delete items by clicking an item’s Duplicate or Delete icon  file vOEkMsRwTQ Reviews widget 1


  1. Slides Per View: Select the number of slides to show at one time, from 1 to 10
  2. Slides to Scroll: Select how many slides to scroll per swipe, from 1 to 10
  3. Width: Set the width of the carousel, in percentage or pixels

Additional Options:

  1. Arrows: Show or hide the navigation arrows
  2. Pagination: Select the carousel pagination style, either None, Dots, Fraction, or Progress
  3. Transition Duration: Set the time between slide movement, in milliseconds
  4. Autoplay: Slide to YES to have the carousel slide automatically
  5. Autoplay Speed: Set the speed at which the carousel will slide, in milliseconds
  6. Infinite Loop: Set to YES to have the carousel continue sliding, infinitely
  7. Pause on Interaction: Set to YES to have the autoplay pause when the carousel is hovered over with a mouse or clicked
  8. Image Resolution: Set the size of the image, from thumbnail to full, or enter a custom size
  9. Lazy Load: Toggle to enable lazy loading of the images.

Style

Slides

  1. Space Between: Control the space between review items
  2. Background Color: Choose the background color of the review card
  3. Border Size: Set the thickness of the border around the review card. Size can be in PX, EM or REM. For more details about units of measurement, see Units of measurement.
  4. Border Radius: Set the border radius to control corner roundness
  5. Border Color: Choose a color for the border
  6. Padding: Set the padding within the border of the review card’s box
  1. Background Color: Choose the background color of the review card’s header
  2. Gap: Control the space between the Header and the Review text
  3. Separator: Choose to show or hide the separator line between the header and the review text
  4. Color: Choose the color of the separator line
  5. Size: Set the height of the separator line. Size can be in PX, EM or REM. For more details about units of measurement, see Units of measurement.

Text

Name / Title / Review

  1. Color: Choose the color of the Name/Title/Review
  2. Typography: Change the typography options for the Name/Title/Review

Image

  1. Image Resolution: Adjust the size of the reviewer’s image. Size can be in PX, EM or REM. For more details about units of measurement, see Units of measurement.
  2. Image Gap: Control the space between the image and the reviewer’s profile information
  3. Border Radius: Set the border radius to control corner roundness

Icon

  1. Color: Set the color of the social icon. Choose either the Official Color of the social network, or set a custom color of your choice
  2. Size: Adjust the size of the social icon. Size can be in PX, EM or REM. For more details about units of measurement, see Units of measurement.

Rating

  1. Icon: Choose the type of icon to use, either Font Awesome or Unicode
  2. Unmarked Style: Choose Solid or Outline for unmarked icons
  3. Size: Set the size of the rating stars. Size can be in PX, EM or REM. For more details about units of measurement, see Units of measurement.
  4. Spacing: Adjust the amount of space between each star
  5. Color: Choose the color of the rating stars
  6. Unmarked Color: Choose the color of the unmarked portion of the stars
Arrows / Pagination
  1. Size: Adjust the size of the navigation arrows. Size can be in PX, EM or REM. For more details about units of measurement, see Units of measurement.
  2. Color: Choose the color of the navigation arrows
file f5bnDIYTGi Reviews widget 3

Note: Autoplay is affected by Google’s Autoplay policy on Chrome browsers.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article