Dynamic Testimonial Slider/Carousel using Elementor

You’ve probably come across many testimonial widgets in Elementor and its add-ons. So you might be wondering — why create a custom testimonial slider?

The problem with most testimonial widgets is that they offer limited skins and styling flexibility. You’re often stuck with a few predefined layouts. On top of that, adding or editing testimonials usually requires opening the Elementor editor, which can be a major headache, especially when handing over the site to clients.

Giving clients access to edit content directly inside Elementor is risky and not the most efficient way to manage ongoing content like testimonials.

A Smarter Way: Dynamic Testimonials With Full Control

With AnyWhere Elementor Pro, you can take a different and much smarter approach. Here’s what you can do:

  • Manage testimonials from the backend using a Custom Post Type (CPT)
  • Add custom fields like Author Name and Designation using ACF
  • Design your own testimonial layout using AE Templates
  • Display all testimonials dynamically in a slider or carousel using the Post Blocks Adv widget

Once your layout is ready, there’s no need to touch the Elementor editor again to update testimonials. This is perfect for handing off to clients, ensuring peace of mind and preserving your design integrity.

Let’s walk through how to set this up, step by step.

Key Takeaways: What You’ll Learn

  • Understand the limitations of default Elementor testimonial widgets.
  • Learn how to create a Custom Post Type (CPT) for testimonials using ACF.
  • Use ACF to create dynamic fields like author name and designation.
  • Design a custom testimonial layout using AE Templates.
  • Display testimonials dynamically in a slider using the Post Blocks Adv widget.

Required Plugins

List of plugins used in this tutorial (make sure you have all these plugins installed and activated while implementing it on your site)

Steps to Create a Dynamic Testimonial Slider in Elementor

Step 1: Create the Custom Post Type using ACF

Create ACF Custom Post Types
Creating Custom Post Type

So let’s see how to create a custom post type; go to ACF -> Post Type -> Add New. Here, you need to add the basic information about your post types.

To learn more about that, check out our detailed article on How to create Custom Post types in ACF.

Step 2: Create Custom Fields Using ACF

Add Field Group in ACF
Creating Custom Fields

In this step, you’ll create a Field Group named Testimonial Group and add two custom fields to it: Author Name and Author Designation.

To do this, go to ACF → Field Groups → Add New.

Check out our detailed article to learn how to add a Field Groups in ACF.

Step 3: Add Some Testimonials

Go ahead and add some testimonials details in the post type.

Add Testimonials Details
Add Testimonials Details

Step 4: Create a block layout using AnyWhere Elementor Pro

Here, the block layout will act as a skin for your Testimonial Slider.

Go to AE Templates >> Add New. Give it a title.

Under the section “AnyWhere Elementor Settings,” do the following configurations,

  • Render Mode: Block Layout
  • Preview Post: Select one of the Testimonials that you have already created. (Just type few letters of your testimonial title, and it will popular the option for you).

Save it and click on “Edit with Elementor” to start editing with Elementor.

Learn how to create a Block Layout using AnyWhere Elementor Pro.

Then, under the category ‘AE Template Elements,’ you will get many dynamic widgets. You can use them to load dynamic info of your testimonial and design the layout per your requirement.

Listed Widgets are used for designing the Block Layout:

When you drag and drop these widgets, it will automatically Render the content of your post, which you have selected in the Preview Post. Now you can design your template (layout). After designing, it is ready to use on any of your pages.

Go to the page where you want to add the testimonials. Now simply drag the widget “AE – Post Blocks ADV” at your desired location. In this widget, you will have to do the following configuration.

AE - Post Block Adv Widget
AE – Post Block Adv Widget

  • Skin: Select the Carousel as Skin.
  • Primary Block Layout: Select the block layout that you have just created.
  • Under the Query Settings in the Source, select Testimonials

You will notice that it is displaying all the testimonials in the carousel layout you have created.

Under the Carousel option, you will notice many additional Carousel-related settings like navigation arrows, slides per view, and effects. Configure them as per your requirement, and a fully dynamic testimonial is live now.

Final Result

Displaying Dynamic Testimonial in Elementor
Displaying Dynamic Testimonial in Elementor

FAQs on Dynamic Testimonial Slider in Elementor

What is a dynamic testimonial slider in Elementor?

A dynamic testimonial slider pulls testimonial content from the WordPress backend (like a custom post type), allowing you to display multiple testimonials in a carousel format without manually updating the design every time.

Can I manage testimonials without touching Elementor again?

Yes! Once the layout is built, you can add/edit testimonials entirely from the backend.

What plugins do I need for this testimonial carousel setup?

You need Elementor, AnyWhere Elementor Pro, and ACF plugin to create dynamic carousel.

What happens if I want to change the carousel design later?

You can easily modify the Block Layout or switch to a different AE template without touching individual testimonials.

Conclusion

In conclusion, by combining Elementor, AnyWhere Elementor Pro, and ACF, you can create a powerful, dynamic testimonial slider that’s easy to manage and visually appealing. This approach saves time, ensures consistency, and gives your site a professional touch, especially useful for agencies and developers managing client websites.

2 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *