Testimonial Carousel | SP Page Builder (Pro) 4.x - Documentation | JoomShaper

SP Page Builder (Pro) 4.x

Updated Last: 03 August 2022

Testimonial Carousel

 

A Testimonial Carousel is a smart way to display positive user reviews of a product or service. Showcasing testimonials on your website is a great way to boost its credibility and deepen visitors’ trust. 

Using this addon, you can display your Testimonials in a beautiful carousel on your webpage quite easily.

You can add the Testimonial Carousel addon to your page from the SP Page Builder sidebar. Simply drag the addon from the Addons panel and drop it on the section of the page where you want to add the Testimonial Carousel.

The addon inline editor will open up when you click on the Testimonial Carousel addon. You can access the addon settings here and customize the addon to fit your needs. 

SP Page Builder 4.0

Items Per Slide: Use the slider or the input field to set the number of testimonials to show per slide. 

Gap: Use the slider or the input field to set the space between each testimonial in a slide. 

Items: Click on the +Add button to add a new item to the carousel. 

SP Page Builder 4.0

Autoplay: Enable autoplay to slide to the next item in the carousel. 

Speed: Set the speed at which elements in a Carousel will slide to the next. 

Bullet Controllers: Enable to show Bullets to slide the next item in the carousel.

Arrows: Enable to show arrows that point left and right to slide to the next item in the carousel.

Items Options

SP Page Builder 4.0

Top Margin: Use the slider or input field to set the margin at the top of the message.

Bottom Margin: Use the slider or input field to set the margin at the bottom of the message.

Padding: Set the padding of the message at the top, bottom, or all four corners. 

Border Radius: By default, the message is square. Applying border radius will result in a round shape around the message.

Name Margin: Set the margin the name of the clients. 

Items Avatar

SP Page Builder 4.0

Height: Use the slider or the input field to set the height of the Avatar.

Width: Use the slider or the input field to set the width of the Avatar. 

Border Radius: Applying border radius will result in a round shape around the Avatar.

Items Quote

SP Page Builder 4.0

Quote Icon: Enable to show the quote icon around the message.

Color: Select the color of the quote icon.

Size: Use the slider or the input field to set the size of the quote icon.

Margin: Use the slider or the input field to set the margin of the quote icon.

Items Ratings

SP Page Builder 4.0

Color: Select the color of the rating stars. 

Size: Use the slider or the input field to set the size of the rating stars. 

Margin: Use the slider or the input field to set the margin of the rating stars. 

Layout Settings

SP Page Builder 4.0

You can showcase your team carousel in 3 different layouts. Select your desired carousel layout and customize it your way. 3 of these carousel layouts vary on the basis of their content and image positioning. Each of these layouts is unique and has its own design needs.

SP Page Builder 4.0

Click on the settings icon on the inline editor to open the general settings of the testimonial carousel. 

Add Carousel Items: Click on the +Add button to add a new carousel item. 

Click on the edit icon beside each carousel to customize the carousel item. 

Name: Use the text field to enter the name of the client. 

Client Designation: Use the text field to enter the designation of the client. 

Client Message: Use the text field to enter the message of the client. 

Show Client Rating: Enable to display the rating on the carousel. 

Client Rating: Use the slider or the input field the add the rating from the client. 

Client Image: Upload a display image of the client using the upload option. 

You can also customize the font size, style, color, margin, and more of the carousel navigation bullets, and arrows to your preference.