Many people shop online and use online services these days. But before you buy stuff, use the services, and know the feedback of existing users on the internet, you usually check out the seller first. You want to make sure you’re not wasting your money. You look for reviews from people who already bought the same thing, used the service, and recommendations. That’s why testimonials on websites are a big deal. They help build trust with folks who are thinking about buying but aren’t quite sure. So, it’s best if real customers write these testimonials. If not, people might not believe them, and that could hurt your business.
What is a Divi Testimonial Carousel
You might not recognize the fancy word, but I’m sure you’ve come across this thing before. A testimonial slider is basically a little box on a website that shows what customers are saying about a product. You know, those comments like, “I really like this product! It made my life easier!” That’s the kind of stuff that grabs your attention and makes you stay on the site.
Create testimonial sliders with the Divi Carousel Testimonial Module
Want to make cool testimonial sliders for your WordPress website? Well, you can do it easily with the Divi Carousel Testimonial Module. Here are 5 good reasons why you should use this module:
It’s simple to learn how to use the plugin.
You don’t need to know any coding stuff to make awesome testimonial sliders.
You can design your slider any way you like.
It works well on mobile devices, so everyone can see it.
You can easily edit your slides by just dragging and dropping them.
Divi Testimonial helps you make fantastic WordPress testimonial sliders that actually work. There are two types to choose from: 3D Cover Flow and Slider. Give it a try and make your website shine!
Display your testimonials using a dynamic slide generator
The dynamic slide generator is one of the most amazing features of the Testimonial Module. You can add any new item with details, like rating, name, and designation, and has lots of features. It can be 3D coverflow or can be a slider. How’s that going to help to make changes in your testimonial slider fast and easily? I’m glad you asked.
Divi testimonial slider examples
Now that you know why having a testimonial slider on your website is a good idea, let’s check out some awesome examples. These examples were made using Divi Testimonial Carousel, and if you like them, you can easily add them to your own website.
Static Divi Testimonial
Simple Testimonial
Simple Testimonial
Enhance your Divi Testimonial with elegant navigation features. Make your testimonials even more appealing and user-friendly on your website.
Divi Testimonial Showcase
Divi Testimonial includes a showcase feature along with designations. This allows you to highlight and display testimonials from your clients or customers along with their respective job titles or roles, adding credibility and context to their feedback.
Testimonial with Rating
Divi Testimonial with Rating is a feature-rich tool that allows you to showcase customer testimonials along with ratings on your website. It adds credibility and helps potential customers make informed decisions based on real feedback from others.
You can build this Testimonial Carousel in Free by using our Plugin
What’s a testimonial carousel, and how does it work?
A testimonial carousel on a website is like a slideshow that shows different customer reviews. It’s usually put on the homepage or a product/service page to show potential customers what others are saying. These reviews are usually in a little box that scrolls to display different comments.
How can I put a testimonial carousel on my website?
Depending on the website platform you use, there are different ways to add a testimonial carousel.
You can find easy-to-use widgets or plugins for testimonial carousels from website builders. Or, if you want something unique, you can use HTML, CSS, and JavaScript to create your own.
Why should I use a testimonial carousel on my website?
A testimonial carousel helps show that other people like your product or service, which builds trust and can increase sales. It also boosts your brand’s reputation by featuring real customer reviews and positive comments.
What are some tips for making a good testimonial carousel?
Here are some things to keep in mind: Use real and relevant testimonials that your target audience can relate to. Pick a design that matches your brand’s style. Don’t overload it with too many testimonials. Adding pictures or logos can make the testimonials more believable.
How many testimonials should I include in a carousel?
It depends on your website and what you’re selling. Usually, it’s a good idea to show 3 to 6 testimonials. You don’t want to overwhelm visitors with too much information.
What kind of testimonials should I put in a carousel?
Include testimonials that relate to your products or services and highlight their best features. It’s good to have a mix of testimonials, from people who loved your product to those who initially had doubts but were impressed.
Is it a good idea to include photos or visuals with testimonials?
Yes, adding images or other visuals can make testimonials more credible. It personalizes them and adds authenticity.
How do I make sure the testimonials in my carousel are real and trustworthy?
To make sure the testimonials are genuine, contact your customers and ask if you can use their reviews. Include their name, photo, and other identifying details with their testimonial.
Can you give some examples of effective testimonial carousels on other websites?
Good testimonial carousels usually have high-quality and relevant testimonials, a simple design, and visuals like images or logos. You can check out examples on websites like ASOS and Trello.
How can I know if my testimonial carousel is working well in terms of engagement and sales?
You can use website analytics tools to track metrics like click-through rates and how long people stay on the page. To get feedback, you can also run A/B tests or surveys with your audience.
In conclusion, testimonials are powerful for your website. They speak for your product or service and can turn potential customers into happy buyers. Create an easy-to-access testimonial carousel with tools like Real Testimonials and put it on your website, blog, or app. Use this tool to grow your customer base and boost your business.
The Testimonial Carousel Module in Divi comes with a range of features, including options for individual testimonials, author details, Carousel and Coverflow styles, arranging items, customizing text and author box backgrounds, and additional elements like brand logos, author box settings, quote icons and images, and spacing adjustments.
Within the Content Item, you can find these key elements:
Name: The person’s name.
Designation: Their job title or role.
Rating: The score or rating is given.
Content: The testimonial or review text.
Image: The person’s image.
Alt: A description of the image for accessibility purposes.
Link
If you want to guide your audience to a different page, the Link feature allows you to create custom links for each child item. The DiviCarousels Image Carousel module is user-friendly, making customization a breeze.
Background
Within the Child Items Content tab, you can use various background options. These options include changing colors, using gradients, adding images, or even videos. You can adjust these settings to your liking. Keep in mind that this background applies to the entire item, as it’s a default feature in Divi.
Child Item Design Tab
Heading
In the Heading section of the testimonial carousel, you can effortlessly modify the text styles. Whether it’s changing the font, size, color, or other style elements, this feature lets you tailor the look of your heading text to suit your design preferences with ease.
Spacing
Divi has a standard spacing setting that functions uniformly across the entire module. This setting offers two usual choices for margins and padding, and these options apply consistently to all Divi modules.
Border
In the DiviCarousels Testimonial Carousel, the Border feature allows you to round the corners of the container and adjust the border’s width, style, and color. While it may seem a bit tricky initially, it becomes clearer when you give it a try.
Box Shadow
The Box Shadow feature affects each item in the Divi Testimonial Carousel individually and provides six distinct shadow effects that you can customize to your liking.
Child Item Advanced Tab
You can handle all your needs using the Content and Design tabs, so be sure to explore these options thoroughly. However, the Advanced tab in the Divicarousls Testimonial Carousel gives designers complete control over the entire module. Here, you can customize every element of the image carousel using CSS ID & Classes and other Custom CSS codes. Additionally, you’ll discover settings for visibility, transitions, position, and scroll effects to ensure everything runs seamlessly.
Carousel Type: This lets you choose the style of your carousel. You can pick between “Coverflow” and “Slider” to determine how your images will transition.
Slider per View: This controls how many images are visible at the same time within the carousel. It’s like deciding how many photos you can see in one glance.
Carousel Speed: This setting allows you to change how quickly the images move from one to the next in your carousel. It’s like adjusting the speed of a slideshow.
Item Space Between You can set the space or gap between each image in the carousel. It’s like deciding how far apart the pictures should be.
Autoplay: When enabled, this feature makes the carousel automatically scroll through the images without needing manual interaction. It’s like setting your carousel on autopilot.
Autoplay Delay: This defines the amount of time between each slide when using the autoplay feature. It’s like setting the pause duration between one picture and the next.
Slider Loop: You can choose whether the carousel should start over from the beginning once it reaches the last image. It’s like deciding if the carousel should keep cycling.
Center Slider: This option helps you center the active image in the carousel, making it stand out. It’s like ensuring the current picture is in the spotlight.
Auto Height: This setting adjusts the height of the carousel automatically based on the content. It’s like making sure the carousel is the right size for the images it contains.
Pause on Hover: When this is enabled, the autoplay feature will pause when you hover your mouse over the carousel. It’s like putting a temporary stop to the automatic scrolling when you interact with it.
Order Items
This is like a tool or system that helps you arrange or organize your testimonial elements in a specific sequence.It’s like arranging pictures on a bulletin board in the order you want them to be seen.
Navigation
Arrows:
The arrow feature lets designers create stylish arrows by customizing each part.
Arrow Icon:
In the Arrow Settings, you can choose your favorite icons for the previous and next arrows, as well as adjust their size.
Arrow Icon Color & Background:
You can change the color of the arrow icons and the background behind them.
Arrow Position, Alignment & Opacity:
The Image Carousel’s Arrow feature allows you to tweak the position, alignment, and opacity of the arrows.
Pagination
Dots:
The Dots feature allows you to personalize the appearance of the dot icon, including its alignment and color. You can also make the active dot icon stand out by changing its color.
Background
In the Content tab of the Divi testimonial Carousel, you can enhance your layout by adjusting background settings. This includes changing background colors, using gradients, adding images, or even integrating videos. You have the flexibility to customize these choices to match your preferences.
Divi Testimonial Carousel Design Tab
Slider Item
This is like a frame around the content, kind of like a picture frame. It helps to define the boundaries and appearance of the testimonial section.
Image
This is where you can insert a picture of the person who gave the testimonial. It adds a personal touch to the testimonial
Name
This is the full name of the person who wrote the testimonial. It’s important to know who is sharing their feedback.
Designation
This is the person’s job title or position. It tells us what the person does for a living or their role in a company.
Content
This is the actual testimonial message or review. It’s what the person has written about their experience or thoughts. This is the heart of the testimonial.
Rating
This is a score, usually from 1 to 5, that represents how satisfied the person is. It’s like giving a grade to their experience, with 5 being the best and 1 being the worst. It helps others quickly understand how positive or negative the testimonial is.
Custom Spacing
Custom spacing is a crucial feature of the Divicarousel testimonial carousel module. Within this setting, you can find two spacing options:
Wrapper spacing: This controls the margin and padding for the entire container, making it easy to set margins and padding for each item within the container. Note that changes here affect every slider in the module.
Content spacing: Content spacing allows designers to add margin and padding to the button and caption individually, affecting all sliders in the module.
Spacing
Divi has a default spacing setting that works consistently across the entire module, offering options for margins and padding that apply to all Divi modules.
Border
The Border feature in the Divicarousels Testimonial Carousel module allows you to round the corners of the item container and customize border width, style, and color. It’s easier to grasp when you give it a try.
Box Shadow
Box Shadow impacts each item in the Divi testimonial Carousel module individually, offering six customizable shadow effects.
Filter
The filter feature adds various color effects to child items, with options to adjust hue, saturation, brightness, contrast, opacity, blur, and more.
Transform
Similarly to the filter feature, transform effects can be applied to child items, offering control over scale, translation, rotation, skew, and origin.
Animation
The animation effect setting, present in all Divi default modules, including the testimonial Carousel, provides seven different effects and additional options for eye-catching animations.
Divi Testimonial Carousel Advance Tab
While the Content and Design tabs cover most needs, the Advanced tab in Divicarousel’s Testimonial Carousel offers extensive control. Here, designers can fine-tune elements using CSS ID and classes and add custom CSS code. It also includes settings for visibility, transitions, position, and scroll effects
Class ID & Class
CSS ID and CSS Class are used for unique identification and applying custom styles to elements.
Custom CSS
In the Divicarousels Testimonial Carousel module, you can add custom CSS code in various places, with each CSS input box providing a reference for the targeted class.
