Modern Testimonial

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

Introduction

The Modern Testimonial Widget displays sleek customer reviews, enhancing credibility and trust for business sites and portfolios.

Key Use Cases for the Testimonial Modern Widget in Elementor:

• Use the Modern Testimonial widget to showcase customer feedback, reviews, or success stories, enhancing trust and credibility.
• Create visually appealing sections to highlight positive experiences, boosting social proof and increasing user confidence.

Prerequisite

• Elementor
• Animation Addons for Elementor

How to Activate the Modern Testimonial Widget:

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

Now, the Modern Testimonial Widget is ready to use!

How to Add the Modern Testimonial Widget in Elementor:

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

The Modern Testimonial widget is now ready for customization!

How to Configure the Modern Testimonial Widget in Elementor:

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

The Modern Testimonial widget is now ready to use! Here’s where you can configure settings like testimonial style, images, navigation, and other visual options to create a dynamic and professional display.

Configuring Modern Testimonial Widget : A Step-by-Step Guide

The Modern Testimonial Widget is available in Elementor and can be placed on the desired section of the page. It offers three main settings tabs: Content, Style, and Advanced.

Content Settings

In the Content Settings, you’ll find options for both Content and Slider customization. The Content section allows you to add and manage text, images, and other elements, ensuring your testimonials are well-structured and visually appealing.

Content

In the Content Section of the Modern Testimonial Widget, you will find the following options:

• Section Title: This allows you to add a title above your testimonial section. It can help provide context to the testimonials or introduce the section on your page.
  
• HTML Tag: You can select the HTML tag for the section title (e.g., H1, H2, H3). This helps with SEO and controlling the structure of your content.

• Testimonial Style Category: Here, you can choose the style category for the testimonial layout. This allows you to customize the look and feel of how the testimonials appear, whether in a grid, carousel, or other styles.
  
• Quote: This field allows you to add the actual testimonial text. You can customize this section with quotes from your clients or customers, showcasing their feedback in a visually appealing way.

These settings allow you to create a visually engaging testimonial section while maintaining flexibility in design.

Slider Option

In the Slider Option of the Modern Testimonial Widget, you’ll find the following customizable settings:

• Slides to Show: Choose how many testimonial slides you want to display at once in the slider. This helps in controlling the layout of your testimonial section.
  
• Autoplay: Toggle this option to automatically cycle through the testimonials without user interaction. It ensures a seamless viewing experience.
  
• Autoplay Delay: Set the delay between each slide transition when autoplay is enabled. This determines how long each testimonial stays visible before the next one appears.
  
• Autoplay Interaction: If enabled, the slider will pause when a user interacts with it (hover or click), ensuring they can read the testimonials without interruption.
  
• Allow Touch Move: This option allows users to swipe through the testimonials on touch devices, like smartphones or tablets.
  
• Loop: Enabling this makes the slider loop back to the first testimonial after reaching the last one, creating a continuous experience.

• Animation Speed: Adjust how quickly the testimonials transition from one to the next. This controls the smoothness of the slide effect.
  
• Space Between: Set the space between each slide. This is helpful in managing the visual flow and arrangement of testimonials.
  
• Navigation: You can choose to enable navigation arrows for the user to manually move between the testimonials.
  
• Previous Arrows Icon: Customize the icon for the previous slide arrow, making it more in line with your site’s style.
  
• Next Arrow Icon: Customize the icon for the next slide arrow, adding to the overall aesthetic.
  
• Direction: Choose whether the slides move horizontally or vertically. This affects how the testimonials are presented in the slider.

Style Settings

The Style section offers various customization options, including Section Border, Navigation, Section Title, Content, Name, Designation, and Quote.

In the Style Section of the Modern Testimonial Widget, you’ll find the following options:

• Slide: Customize the look of the individual testimonial slides, including background color, border, and padding.
  
• Navigation: Style the navigation arrows (previous/next), adjusting their size, color, and positioning.
  
• Image: Adjust the image settings for testimonial authors, such as size, border radius, and padding.

• Content: Style the testimonial content, including font size, color, line height, and text alignment.
  
• Name: Customize the name of the testimonial author by adjusting the font size, color, and typography.
  
• Designation: the designation (job title or position) of the testimonial author, including font style and color.

These options help you tailor the appearance of the testimonial widget to match your site’s design, ensuring consistency and a professional look.

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 Modern Testimonial in Elementor to customize and display dynamic counters on your website.