Skip to main content

the Testimonial Carousel The widget allows you to display a sliding carousel of customer testimonials in a variety of layouts.

Content

Slideshow

Articles

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

Tip: Quickly duplicate or delete items by clicking the Double or Delete icon.

  1. Content: Enter the text of the testimonial
  2. Image: Upload or choose an image from the media library
  3. Name: Enter the customer's name
  4. Title: Enter the customer's title

  1. Skin: Select a predesigned mask, either default or bubble
  2. Design: Choose from Inline Image, Stacked Image, Top Image, Left Image, Right Image
  3. Alignment: Aligns the testimonial to the left, center or right
  4. Slides per view: Select the number of slides to be displayed at one time, from 1 to 10
  5. Slides to get around: Select how many slides you want to scroll per slide, from 1 to 10
  6. Width: Sets the width of the widget
Additional options:
  1. Arrows: Show or hide the navigation arrows
  2. Pagination: Select the carousel pagination style, None, Points, Fraction or Progress
  3. Duration of transition: Sets the time between slide movement, in milliseconds

  1. Self-reproduction: Slide to YES for the carousel to slide automatically
  2. Auto play speed: Sets the speed at which the carousel will scroll, in milliseconds
  3. Infinite loop: Set to YES so that the carousel continues to slide, infinitely
  4. Pause in interaction: Set to YES so that autoplay pauses when the carousel is scrolled with the mouse or clicked
  5. Image size: Set the image size, from thumbnail to full, or enter a custom size

Style

Slideshow

  1. Space between: Controls the space between slides
  2. Background color: Choose the background color of the slides
  3. Border size: Sets the thickness of the border around each slide
  4. Edge radius: Sets the radius of the border to control the roundness of the corners
  5. Border color: Choose a border color
  6. Filling: Sets the padding within the border of each slide

Content

  1. Gap: Control the space between the image and the text of the testimonial
  2. Text color: Choose the color of the testimonial text
  3. Typography: Change the font options for the testimonial text

Name

  1. Text color: Choose the color of the name
  2. Typography: Change the font options for the name

Title

  1. Text color: Choose the title color
  2. Typography: Change the typography options of the title

Image

  1. Size: Adjust the size of the image
  2. Gap: Yes Online Image is selected, the space controls the space between the image and the name and title
  3. Border: Slide YES to place a border around the image
  4. Border color: If Border is set to YES, choose the border color
  5. Border width: If Border is set to YES, set the border thickness around the image
  6. Edge radius: Sets the radius of the border to control the roundness of the corners. This option is available even if Edge is set to NO

Navigation

Arrows

  1. Size: Adjusts the size of the navigation arrows
  2. Colour: Choose the color of the navigation arrows

Pagination

  1. Size: Adjusts the pagination size
  2. Colour: Choose the color of the pagination

Bubble (Options are only available if bubble mask is used)

  1. Background color: Choose the color of the bubble background
  2. Filling: Sets the fill inside the bubble
  3. Edge radius: Sets the radius of the border to control the roundness of the corners. This option is available even if Edge is set to NO.
  4. Border: Slide to YES to place a border around the bubble
  5. Border color: If Border is set to YES, choose the border color
  6. Border width: If Border is set to YES, set the border thickness around the bubble

Note: Autoplay is affected by Google autoplay policy in Chrome browsers.

R Marketing Digital