Testimonials are customer reviews that can be displayed on the site to add credibility. Testimonial Slider block allows you to display multiple testimonials in a slider form on your site.
How To Add The Testimonial Slider Block #
- 1.Open a page or a post and click on the plus icon to add a new block and look for the Testimonial Slider or you can search for it if it doesn’t pop up quickly for you.
- 2.Be default, you’ll get the below design-
.png?alt=media&token=2a11c410-8293-41f9-b75f-a55d0e6ae15e)
How To Configure The Testimonial Slider Block #
To configure the Testimonial Slider block, switch to the ‘Content’ tab.
.png?alt=media&token=b223047b-035d-42f6-9ca9-cfa4cd13a95b)
General #
- Alignment: Responsive options for alignment
- Number of Testimonials: Increase or decrease the number of testimonials in a slider.
- Columns: Increase or decrease the number of columns in a slider.
- Skin: Select skin for the block as default or bubble.
.png?alt=media&token=0c557d48-2ed7-4c0b-b6eb-1d21e107d8a9)
Carousel #
- Pause on Hover: Pause the slider when the user hovers over it.
- Autoplay: Enable this feature to autoplay the slider when the page is loaded.
- Autoplay Speed: Specify the speed of the slides in milliseconds.
- Infinite Loop: Enable this feature to make the slider loop infinitely.
- Transition Speed: Specify speed in milliseconds required for the transition of one slide to another slide.
- Show Arrow & Dots: Select option for pagination as only dots or both arrow & dots. If both Arrow & Dots option is selected you can design arrow size, arrow border size & arrow border-radius.
.png?alt=media&token=1d847417-4be2-4e46-ad86-b1eca7b2d009)
Image #
Here you can select images for individual slides.
- Image Position: Select position of the image from Top, Bottom, Left, Right, Stacked.
- Image Style: Select the shape of the image as normal, circle, or square.
- Image Size: Select the size of the image as small, medium, large, or full.
- Width: Select the width for the image.
.png?alt=media&token=120c4da0-9da6-4b96-8776-db2728720c89)
How To Style The Testimonial Slider Block #
Switch to the ‘Style’ tab to customize every element of the Testimonial Slider block.
Typography #
Under the Typography tab, options for font family, font size, font-weight and line-height are available for Testimonial, Name and Company separately.
.png?alt=media&token=6ed4afeb-2a69-4d36-8e01-ced703a4eb05)
Color Settings #
Under the Color Settings tab, options for color are available for Testimonial, Name, Company, Arrow & Dots separately.
.png?alt=media&token=04ac331e-bc5d-45af-9383-4dd50665a545)
Spacing #
The Spacing tab offers options to customize the following options
- Gap between content and dots
- Row gap
- Content Padding
- Testimonial Bottom Margin
- Name Bottom Margin
- Image Horizontal Padding
- Image Vertical Padding
.png?alt=media&token=034a3247-d7f3-42b7-8e56-c7c18741d04e)
Background #
Background Type: You can select background type as color or image. Options to customize the background color or background image get displayed depending on the type selected.
.png?alt=media&token=a2890334-ab4d-4f31-a538-cc01cf65a9e3)
Border #
You can choose border styles such as border radius, border width, border color under this section.
