Animation Addons

Animation Addons

General Widgets

Testimonial

Estimated reading: 4 minutes 33 views

Before setting up the Testimonial Widget, make sure 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 Testimonial Widgetcompletely free! You can also explore both free and pro widgets by using the filter options.

Image Box 1

Introduction

The Testimonial Widget showcases customer feedback with customizable layouts and effects, boosting trust and credibility.

Key Use Cases for the Testimonial Widget in Elementor: 

  • Use the Testimonial Widget to display customer feedback, reviews, or success stories, building trust and credibility. 
  • Create engaging sections to highlight positive experiences, enhancing social proof and boosting user confidence.

Prerequisite

  • Elementor
  • Animation Addons for Elementor

How to Activate the Testimonial Widget:

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

Now, the Testimonial Widget is ready to use!

Testimonial 1

How to Add the Testimonial Widget in Elementor:

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

The Testimonial widget is now ready for customization!

How to Configure the Testimonial Widget in Animation Addons:

  • In the Elementor panel, search for the “Testimonial Widget.”
  • Drag and drop the widget into the desired section.
  • Customize the testimonial settings using the available options in the Elementor panel.

Your Testimonial Widget is now ready to use! Here’s the interface where you can configure the settings and personalize the testimonials with different layouts and design options for an engaging display. 

Testimonial 2

Content Settings

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

Testimonial Style

In the Testimonial Widget, you’ll find:

  • Testimonial Styles: Choose from multiple preset layouts to best fit your design needs.
  • Image Resolution: Adjust the image size and quality for clean, professional visuals.

These options help you create stylish, trust-building testimonial displays effortlessly.

Testimonial 3

Slider Option

Here’s a quick breakdown of the Slider Options available in the Testimonial Widget:

  • Slides to Show: Set how many testimonial slides appear at once.
  • Autoplay: Enable automatic sliding of testimonials.
  • Autoplay Delay: Choose the delay time between each auto-slide.
  • Autoplay Interaction: Pause or continue autoplay on user interaction.
  • Allow Touch Move: Enable swipe gestures on touch devices.
  • Loop: Make the slider loop infinitely.
Testimonial 4
  • Animated Speed: Control how fast the slide transitions occur.
  • Space Between: Set spacing between each testimonial slide.
  • Navigation: Enable/disable navigation arrows or dots.
  • Previous Arrow Icon: Choose the icon style for the previous arrow.
  • Next Arrow Icon: Choose the icon style for the next arrow.
  • Direction: Set the slide direction (left-to-right or right-to-left).

These settings help you fully customize the testimonial slider experience for your site’s visitors.

Style Settings

In the Style section, you’ll find various options such as Slide, Navigation, Image, Content, Name, and Designation.

Here’s a brief overview of each part under the Style section of the Testimonial Widget:

  • Slide: Customize the background, padding, border, and box-shadow of the testimonial slide.
  • Navigation: Style the navigation arrows and dots, including color, size, spacing, and hover effects.
  • Image: Adjust the testimonial author’s image size, border radius, and spacing.
  • Content: Style the testimonial text with typography, color, spacing, and alignment settings.
Testimonial 5
  • Name: Customize the name text with font, size, weight, and color options.
  • Designation: Style the author’s role or title with typography and color controls.

These options help you perfectly match the testimonial design to your website’s branding.

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.

Testimonial 6

Final Outcome

Congratulations! You’ve successfully learned how to configure the Testimonial Widget in Elementor to customize and display dynamic counters on your website.

For any additional help or inquiries, don’t hesitate to contact our support team!

Share this Doc

Testimonial

Or copy link

CONTENTS