Brand Slider

Before setting up the Brand Slider Widget, make sure that the Animation Addons for Elementor plugin is installed and activated on your website. Once activated, you’ll have access to all the free Elementor widgets, including the Brand Slider Widget—completely free! You can also explore both free and pro widgets using the available filter options.

Introduction

The Brand Slider Widget lets you showcase brand logos in a responsive, customizable slider—perfect for displaying partners or clients with smooth transitions.

Key Use Cases for the Social Icons Widget in Elementor:

• Use the Brand Slider widget to display partner or client logos, boosting brand visibility.
• Add logos to footers, headers, or dedicated sections to highlight collaborations and affiliations.

Prerequisite

• Elementor
• Animation Addons for Elementor

How to Activate the Brand Slider Widget?

1. Go to Animation Addons → Elements in your WordPress dashboard.
2. Find the Brand Slider Widget in the list.
3. Toggle it on to enable the widget.

Now, the Brand Slider Widget is ready to use!

How to Add the Brand Slider Widget in Elementor:

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

The Brand Slider Widget is now ready for customization!

How to Configure the Brand Slider Widget in Animation Addons:

• In the Elementor panel, search for the “Brand Slider Widget.”
• Drag and drop the widget into the desired section.
• Customize the logo slider settings using the available options in the Elementor panel.

Your Brand Slider Widget is now ready to use! Use the configuration tabs to personalize the logo display, adjust slider speed, and apply transition effects for a smooth, professional look.

Configuring Brand Slider Widget: A Step-by-Step Guide

The Brand Slider Widget is available in Elementor and can be added to any section of your page. It includes three main settings tabs: Content, Style, and Advanced—each offering customization options to fine-tune your brand logo slider display.

Content Settings

In the Content section, you will find two options: Brand Slider and Slider Options.

Brand Slider 

You will find two category options: Text and Image.

• Text: This option allows you to add textual content such as brand names, descriptions, or other relevant information to be displayed in the slide.
• Image: With this option, you can upload an image, typically the brand’s logo, to be displayed on the slide.

These categories give you flexibility in presenting either text or images, allowing you to customize each slide according to your content needs.

• You can customize the slider content with three key options. The Slide Content option lets you add main content, like brand names or descriptions, alongside the logos.

• The Text List option allows you to display brand names or relevant details, adding context to each slide. The Text Separator defines a separator between the texts, ensuring a clean and organized layout.
• These options offer flexibility in customizing your Brand Slider, making it informative and visually appealing.

Slider Options

• The Slider Options section lets you customize the Brand Slider’s behavior and appearance. Choose the number of slides to display (3), and the interface will show that many slides on the front.

• With autoplay enabled, the sliders move automatically without the need to press. 
• You can also set the duration and autoplay interaction.

• Allow Touch Move: Enable touch movement for mobile users.
• Loop: Set the slider to loop continuously.
• Mousewheel: Allow navigation through the mouse wheel.
• Animation Speed: Adjust the speed of the slide transition.
• Speed Between: Set the delay between slide transitions.

• Navigation: Enable or disable navigation controls.
• Previous Arrow Icon: Customize the icon for the previous slide.
• Next Arrow Icon: Customize the icon for the next slide.
• Pagination: Enable pagination dots for navigation.
• Pagination Type: Choose the type of pagination (e.g., numbers, dots).
• Left/Right Direction: Set the slide direction to left or right.

Style Settings

• The Style section includes three sections: Text, Slider Navigation and Pagination.

• Text Section: Customize the text color, typography, separator color, and size to match your design preferences.
• Slider Navigation: Adjust the appearance of navigation arrows for better user interaction.
• Pagination: Modify pagination styles for enhanced visual appeal and functionality.

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

That’s it! You’ve now learned how to configure the Brand Slider Widget in Elementor to customize and showcase brand logos effectively on your website.

If you need further assistance, feel free to reach out to our support team!