Key Features
- Customizable Layouts: Display testimonials with images, names, site names, ratings, and descriptions.
- Interactive Navigation: Include options for arrows, pagination, and dynamic slides to enhance user experience.
- Advanced Style Controls: Fine-tune colors, typography, padding, and borders for each testimonial element.
What’s Needed?
To get started, ensure the following:
- Elementor Free Version: Elementor Download
- Vertex Addons Free Version: Vertex Addons Download
Install and Activate the Elementor Testimonial Carousel Widget
- First, install the Vertex Addons plugin for Elementor.
- To activate the Elementor Testimonial Carousel Widget, follow our Widget Activation Guide.
How to Configure the Elementor Testimonial Carousel Widget
Once activated, you’re ready to configure and customize your testimonial carousel.
- Adding Testimonials: From the Content tab, you’ll find the Testimonial section, where you can add individual testimonials. Here’s how to set up each testimonial:
- Image: Upload a profile image or avatar of the client.
- Image Resolution: Set the resolution for optimal clarity.
- Description: Add client feedback here.
- User Name & Site Name: Input the client’s name and, if applicable, their business or website.
- Ratings: Enable star ratings with options for visibility and rating count.
- Carousel Settings: Navigate to the Settings section within the Content tab to set up the carousel features.
- Slides Per View: Adjust the number of testimonials displayed at once.
- Arrows and Pagination: Toggle options for arrows and pagination to guide user interaction.
This configuration allows you to create a visually compelling and easy-to-navigate testimonial carousel.
How to Style the Vertex Testimonial Carousel Widget
In the Style tab, customize each testimonial element, from avatar settings to navigation colors. Here’s a structured approach to achieve your ideal look:
Avatar Section
- Size: Adjust avatar dimensions to highlight the client’s image.
- Margin: Control spacing around the avatar to keep a balanced layout.
- Border Radius: Customize this to create round or square avatars.
Title Section
- Text & Subtitle Colors: Select colors for client names and ratings for optimal readability.
- Typography: Set typography for both title and subtitle to match your site’s style.
- Padding: Adjust padding around titles for a clean look.
Content Section
- Text Color: Choose a text color for testimonial descriptions.
- Typography: Customize font, size, and weight for consistent readability.
- Content Margin: Define margin to separate content sections within the carousel.
Box Section
- Background & Icon Colors: Select colors for the background and icons for a cohesive design.
- Icon Size: Adjust icon size for visual balance.
- Margin & Padding: Control spacing to keep items aligned and organized.
Navigation Section
- Navigation: Set text color for navigation arrows.
- Pagination Colors: Choose colors for pagination dots and adjust the active color to indicate current slides.
Advanced Tab
The Advanced tab in Elementor includes options for margin, padding, custom CSS, and responsive adjustments that apply universally across all Vertex widgets. Use these controls to add unique effects, animations, and more.
Final Outcome
The Vertex Elementor Testimonial Carousel Widget lets you craft an engaging testimonial display that builds credibility and enhances your site’s visual appeal. Add images, names, feedback, and ratings to showcase client testimonials in a dynamic carousel.
For additional help, visit our Support Page. Find more detailed instructions and troubleshooting on our Documentation Page.