Modern Testimonial

Introduction

The Modern Testimonial widget in Elementor showcases customer reviews in a sleek, professional design, boosting credibility and trust. It’s ideal for business sites, portfolios, and e-commerce platforms.

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

Note: Ensure that the Animation Addons for Elementor plugin is installed and activated. Then, enable the Modern Testimonial toggle from the plugin settings.

How to Activate a Modern Testimonial widget ?

To activate the Modern Testimonial widget, navigate to Animation Addons → Elements in the admin dashboard. Then, select the Widget tab, search for the Modern Testimonial widget, and toggle it on. The widget will be activated immediately.

How to Configure the Modern Testimonial widget in Animation Addons?

Enable it, create a new page, set a title, choose the Elementor Full Width template, and publish. Adjust options as needed.

Note: Selecting full Elementor elements in a template unlocks all widgets and customization options, boosting design flexibility and functionality. 

Navigate to the Edit with Elementor option to access the editor interface. 

After selection, the Elementor panel appears with all tools and customization options.

Click the “+” icon to add a container, then select the appropriate column structure and layout.

In the Elementor Editor, click the ‘+’ icon to add a section. Search for the “Modern Testimonial”, then drag and drop it into the desired section of the page. Configure the widget settings under the available tabs to customize it as needed.

Here’s the interface where you can configure the settings and customize the Testimonial Widget across various tabs. 

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.

• In the Content section, the title has been set to “My clients refer to me as the best.” A description, along with the client’s name and designation, has been added. The HTML tag is configured as H2. You can customize these settings as needed to align with your design preferences.

• Just like in Item 1, configure the remaining items by setting the title, description, name, and designation accordingly. Additionally, you can add more items as needed, as there is an available option to include additional entries.

• Select an icon for the Quote section from the available options. I have chosen one that fits my design, but you can select any icon that best suits your style.

Slider Option

• I have customized the slider design to match my preferences. Feel free to adjust it according to your own design choices.

—————————————————————————————————————————–

Style Settings

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

Section Border

I have skipped the Section Border option as it is not needed for my design. However, you can customize it based on

Navigation

• I have customized only the arrow size and color, leaving the rest unchanged as they are not necessary for my design. 

However, you can make adjustments to see how they impact the overall look.

Section Title

I have changed the title color to red, set the typography to oblique, and adjusted the text shadow to enhance the design.

Content

Set the content color to black, adjusted the text shadow, and did not apply any changes to the typography.

Name

I have not changed the name color as it is not necessary for my design. However, you can modify it to see how it affects the overall look.

Designation

I have not changed the designation color as it is not necessary for my design. However, you can modify it to see how it affects the overall look.

Quote

I have set the size to 32, as it fits well with my design, and changed the color to black. You can customize these settings according to your preferences.

Here is the final appearance-

—————————————————————————————————————————–

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.

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