Reviews Widget (Pro)

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.

Tip: Quickly duplicate or delete items by clicking an item’s Duplicate or Delete icon 

  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


  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 Size: Set the size of the image, from thumbnail to full, or enter a custom size

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
  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

Header

  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

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 Size: Adjust the size of the reviewer’s image
  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

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
  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

Navigation

Arrows / Pagination
  1. Size: Adjust the size of the navigation arrows
  2. Color: Choose the color of the navigation arrows


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

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.