Classic Testimonial

Before setting up the Classic Testimonial Widget, ensure that the Animation Addons for Elementor plugin is installed and activated on your site. Once activated, you’ll get access to all free Elementor widgets, including the Classic Testimonial Widget—completely free! You can also use the filter options to explore both free and pro widgets.

Introduction

The Classic Testimonial widget in Elementor displays customer feedback in a simple, professional layout, helping to build trust with your audience.

Key Use Cases for the Classic Testimonial Widget in Elementor:

• Use the Classic Testimonial Widget to showcase customer feedback, reviews, or success stories, fostering trust and credibility. 
• Create clean, professional sections to highlight positive experiences, enhancing social proof and boosting user confidence.

Prerequisite

• Elementor
• Animation Addons for Elementor

How to Activate the Classic Testimonial Widget?

• Go to Animation Addons → Elements in your WordPress dashboard.
• Find the Classic Testimonial Widget in the list.
• Toggle it on to enable the widget.

Now, the Classic Testimonial Widget is ready to use!

How to Add the Classic Testimonial Widget in Elementor:

• Open the page where you want to add the Classic Testimonial widget.
• Launch the Elementor editor.
• In the Elementor panel, search for “Classic Testimonial Widget.”
• Drag the widget to your desired section.

The Classic Testimonial Widget is now ready for customization!

How to Configure the Classic Testimonial Widget in Animation Addons:

• In the Elementor panel, search for the “Classic Testimonial Widget.”
• Drag and drop the widget into your desired section.
• Customize the testimonial settings using the available options in the Elementor panel—such as content, layout, image, and style.

Your Classic Testimonial Widget is now ready to use! You can personalize it further using the Content, Style, and Advanced tabs for a clean and credible testimonial display.

Configuring Classic Testimonial  Widget in Animation Addons: A Step-by-Step Guide

The Classic Testimonial Widget is available in Elementor and can be placed in any section of your page. It includes three main settings tabs: Content, Style, and Advanced—each offering customization options to fine-tune the testimonial’s layout, appearance, and behavior for a polished and trustworthy look.

Content Settings

In the Content Settings, you’ll find options for Content and Slider options.

Content

• In the content section, you’ll find various testimonial styles. For Testimonial Item One, you need to set an image along with the content, including the reviewer’s name, title, and a link.

Slider Option

In the Slider section of the Classic Testimonial Widget‘s Content settings, you can customize the following options:

• Slides to Show: Set the number of testimonial slides you want to display at once.
• Autoplay: Enable or disable automatic sliding of testimonials.
• Autoplay Delay: Set the delay time (in milliseconds) between each slide transition when autoplay is enabled.
• Autoplay Interaction: Control whether autoplay continues after a user interaction.
• Allow Touch Move: Enable or disable touch movement for mobile devices.
• Loop: Choose whether the slider should loop back to the first testimonial after reaching the last one.

• Animated Speed: Set the speed of slide transitions for smooth animation.
• Space Between: Adjust the space between each testimonial slide.
• Navigation: Enable or disable navigation arrows for sliding through testimonials.
• Previous Arrow Icon: Customize the icon for the previous navigation arrow.
• Next Arrow Icon: Customize the icon for the next navigation arrow.
• Direction: Set the direction for sliding (e.g., horizontal or vertical).

These options allow you to fully customize how the testimonial slider behaves and interacts with users.

Style Settings

In the Style section of the Classic Testimonial Widget, you’ll find a range of customization options for each part of the testimonial display. Here’s how each one works:

1. Slide: Adjust the overall appearance of the testimonial slides, including background color, padding, and borders.
   
2. Navigation: Customize the navigation arrows for moving through the slides. You can change the color, size, position, and style of the previous and next arrows.
   
3. Content: Style the content of each testimonial, such as the testimonial text. You can modify font size, color, typography, line height, and text alignment for better readability.

1. Image: Customize the appearance of the testimonial image (if available). You can adjust the image border radius, size, and add box shadow or other visual effects.
   
2. Name: Style the name of the person giving the testimonial. Options include changing the font size, color, weight, and alignment to match the overall design.
   
3. Title: Customize the title (e.g., job title or role) of the person in the testimonial. Adjust font settings like size, color, and weight to differentiate the name from the title.
   

Quote: Style the quote symbol or icon. You can adjust its color, size, position, and even add custom icons to represent the quote symbol, making the testimonial stand out more.

Advanced Settings 

In the advanced settings, you’ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.

Final Outcome

Congratulations! You’ve successfully learned how to configure the Testimonial Classic widget in Elementor to showcase customer feedback effectively on your website.