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
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
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.
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:
- AE – Title: To display the title on the Testimonial
- AE – Post Image: Show feature image. (We are using it for Testimonial Author Image)
- AE – Post Content: To display the Content of the Post
- AE – Custom Field: To display the added Custom Fields
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.
- 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
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.
Your tutorial was truly awesome!!!! Thank you so much!!!
Thanks for this… very helpful!