The Reviews widget showcases a rotating carousel of user feedback.
Content tab
Slides
- Item: Displays a list of all items in the slide. You can drag and drop items to rearrange their order. Each item can have:
Image: Upload or select the reviewer's image.
Name: Enter the reviewer's name.
Title: Enter the reviewer's job title.
Rating: Assign a numerical rating.
Icon: Choose the icon type.
Link: Add a URL link to the review.
Review: Enter the text of the review. - Slides Per View: Choose the number of slides to display at once.
- Slides to Scroll: Determine the number of slides to move per swipe.
- Width: Adjust the width of the carousel, either in percentage or pixel.
Additional Options
- Arrows: Choose whether to show or hide the navigation arrows.
- Pagination: Choose the carousel pagination style: None, Dots, Fraction, or Progress.
- Transition Duration: Determine the time for slide movement, in milliseconds.
- Autoplay: Slide to YES for automatic sliding of the carousel.
- Autoplay Speed: Define the speed of the automatic slide.
- Infinite Loop: Enable for continuous sliding of the carousel.
- Pause on Hover: Enable this option to pause autoplay when the carousel is hovered over with the mouse.
- Pause on Interaction: Enable this option to pause autoplay when the carousel is interacted with, such as being clicked or hovered over.
- Image Resolution: Choose the image size, from thumbnail to full, or enter a custom size.
- Lazy Load: Toggle to enable lazy loading of the images.
Style tab
Slides
- Space Between: Adjust the spacing between review items.
- Background Color: Select the background color for the review card.
- Border Size: Set the thickness of the review card border.
- Border Radius: Adjust the border radius to control the roundness of the corners.
- Border Color: Choose a color for the border.
- Padding: Set the padding inside the review card’s border.
Header
- Background Color: Pick the background color for the review card’s header.
- Gap: Control the distance between the header and the review text.
- Separator: Decide whether to display the separator line between the header and the review text.
- Separator Color: Select the color of the separator line.
- Separator Size: Determine the height of the separator line.
Text
Name / Title / Review
- Color: Select the color for the name, title, and review text.
- Typography: Adjust the typography settings for the name, title, and review text.
Image
- Size: Adjust the size of the image.
- Gap: Set the space between the image and other elements.
- Border Radius: Modify the border radius to control the roundness of the image corners.
Icon
- Color: Define the color of the social icon. Opt for the official color of the social network or specify a custom color.
- Size: Modify the size of the social icon
Rating
- Icon: Select the icon style to use.
- Unmarked Style: Specify whether unmarked icons should be Solid or Outline.
- Size: Adjust the size of the rating stars.
- Spacing: Control the distance between each star.
- Color: Set the color of the rating stars.
- Unmarked Color: Define the color of the unfilled rating stars.
Navigation
Arrows / Pagination
- Size: Modify the size of the navigation arrows/bullets.
- Color: Select the color of the navigation arrows/bullets.
- Active Color (Pagination): Select the color of the active pagination bullet.
Advanced tab
You can customize the widget further using the settings available in the Advanced tab. These options provide additional styling and functionality adjustments, allowing you to tailor the widget to better fit your design needs.