{"id":778,"date":"2025-03-25T04:21:54","date_gmt":"2025-03-25T04:21:54","guid":{"rendered":"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/"},"modified":"2025-06-22T04:54:41","modified_gmt":"2025-06-22T04:54:41","slug":"brand-slider","status":"publish","type":"docs","link":"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/","title":{"rendered":"Brand Slider Widget Documentation"},"content":{"rendered":"\n<p>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&#8217;ll have access to all the free Elementor widgets, including the Brand Slider Widget\u2014completely free! You can also explore both free and pro widgets using the available filter options.<br><\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1088\" height=\"615\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Dashboard.webp\" alt=\"Dashboard\" class=\"wp-image-15093\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Dashboard.webp 1088w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Dashboard-300x170.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Dashboard-1024x579.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Dashboard-768x434.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Dashboard-20x11.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Dashboard-32x18.webp 32w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Dashboard-270x152.webp 270w\" sizes=\"(max-width: 1088px) 100vw, 1088px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Key Use Cases for the Social Icons Widget in Elementor:<\/strong><\/h2>\n\n\n\n<p>The Brand Slider Widget lets you showcase brand logos in a responsive, customizable slider\u2014perfect for displaying partners or clients with smooth transitions.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the Brand Slider widget to display partner or client logos, boosting brand visibility.<\/li>\n\n\n\n<li>Add logos to footers, headers, or dedicated sections to highlight collaborations and affiliations.<\/li>\n<\/ul>\n\n\n\n<p><strong>Prerequisite<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elementor<\/li>\n\n\n\n<li>Animation Addons for Elementor<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Activate the Brand Slider Widget?<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Animation Addons \u2192 Elements<\/strong> in your WordPress dashboard.<\/li>\n\n\n\n<li>Find the <strong>Brand Slider Widget<\/strong> in the list.<\/li>\n\n\n\n<li>Toggle it <strong>on<\/strong> to enable the widget.<\/li>\n<\/ol>\n\n\n\n<p>Now, the Brand Slider Widget is ready to use!<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img decoding=\"async\" width=\"1207\" height=\"596\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-1.webp\" alt=\"Brand Slider 1\" class=\"wp-image-15172\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-1.webp 1207w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-1-300x148.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-1-1024x506.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-1-768x379.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-1-20x10.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-1-32x16.webp 32w\" sizes=\"(max-width: 1207px) 100vw, 1207px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Add the Brand Slider Widget in Animation Addons:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the Elementor panel, search for the <strong>&#8220;Brand Slider Widget.&#8221;<\/strong><\/li>\n\n\n\n<li>Drag and drop the widget into the desired section.<\/li>\n\n\n\n<li>Customize the logo slider settings using the available options in the Elementor panel.<\/li>\n<\/ul>\n\n\n\n<p>Your <strong>Brand Slider Widget <\/strong>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.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img decoding=\"async\" width=\"1365\" height=\"630\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-2.webp\" alt=\"Brand Slider 2\" class=\"wp-image-15173\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-2.webp 1365w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-2-300x138.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-2-1024x473.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-2-768x354.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-2-20x9.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-2-32x15.webp 32w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Brand Slider Widget: A Step-by-Step Guide<\/strong><\/h2>\n\n\n\n<p>The <strong>Brand Slider Widget<\/strong> is available in <strong>Elementor<\/strong> and can be added to any section of your page. It includes three main settings tabs: <strong>Content, Style, and Advanced<\/strong>\u2014each offering customization options to fine-tune your brand logo slider display.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"312\" height=\"408\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-3.webp\" alt=\"Brand Slider 3\" class=\"wp-image-15174\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-3.webp 312w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-3-229x300.webp 229w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-3-15x20.webp 15w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-3-24x32.webp 24w\" sizes=\"(max-width: 312px) 100vw, 312px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Content Settings<\/h3>\n\n\n\n<p>In the Content section, you will find two options:<strong> Brand Slider and Slider Options.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"304\" height=\"396\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-4.webp\" alt=\"Brand Slider 4\" class=\"wp-image-15175\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-4.webp 304w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-4-230x300.webp 230w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-4-15x20.webp 15w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-4-25x32.webp 25w\" sizes=\"(max-width: 304px) 100vw, 304px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Brand Slider&nbsp;<\/strong><\/p>\n\n\n\n<p>You will find two category options: <strong>Text<\/strong> and <strong>Image<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Text<\/strong>: This option allows you to add textual content such as brand names, descriptions, or other relevant information to be displayed in the slide.<\/li>\n\n\n\n<li><strong>Image<\/strong>: With this option, you can upload an image, typically the brand&#8217;s logo, to be displayed on the slide.<\/li>\n<\/ul>\n\n\n\n<p>These categories give you flexibility in presenting either text or images, allowing you to customize each slide according to your content needs.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"308\" height=\"597\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-5.webp\" alt=\"Brand Slider 5\" class=\"wp-image-15176\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-5.webp 308w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-5-155x300.webp 155w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-5-10x20.webp 10w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-5-17x32.webp 17w\" sizes=\"(max-width: 308px) 100vw, 308px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can customize the slider content with three key options. The <strong>Slide Content<\/strong> option lets you add main content, like brand names or descriptions, alongside the logos.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1353\" height=\"618\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-6.webp\" alt=\"Brand Slider 6\" class=\"wp-image-15177\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-6.webp 1353w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-6-300x137.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-6-1024x468.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-6-768x351.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-6-20x9.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-6-32x15.webp 32w\" sizes=\"(max-width: 1353px) 100vw, 1353px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The <strong>Text List<\/strong> option allows you to display brand names or relevant details, adding context to each slide. The <strong>Text Separator<\/strong> defines a separator between the texts, ensuring a clean and organized layout.<\/li>\n\n\n\n<li>These options offer flexibility in customizing your Brand Slider, making it informative and visually appealing.<\/li>\n<\/ul>\n\n\n\n<p><strong>Slider Options<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The <strong>Slider Options<\/strong> section lets you customize the Brand Slider\u2019s behavior and appearance. Choose the number of slides to display (3), and the interface will show that many slides on the front.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1365\" height=\"633\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-7.webp\" alt=\"Brand Slider 7\" class=\"wp-image-15178\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-7.webp 1365w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-7-300x139.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-7-1024x475.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-7-768x356.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-7-20x9.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-7-32x15.webp 32w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>With <strong>autoplay<\/strong> enabled, the sliders move automatically without the need to press.&nbsp;<\/li>\n\n\n\n<li>You can also set the duration and autoplay interaction.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"312\" height=\"532\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-8.webp\" alt=\"Brand Slider 8\" class=\"wp-image-15179\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-8.webp 312w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-8-176x300.webp 176w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-8-12x20.webp 12w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-8-19x32.webp 19w\" sizes=\"(max-width: 312px) 100vw, 312px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Allow Touch Move<\/strong>: Enable touch movement for mobile users.<\/li>\n\n\n\n<li><strong>Loop<\/strong>: Set the slider to loop continuously.<\/li>\n\n\n\n<li><strong>Mousewheel<\/strong>: Allow navigation through the mouse wheel.<\/li>\n\n\n\n<li><strong>Animation Speed<\/strong>: Adjust the speed of the slide transition.<\/li>\n\n\n\n<li><strong>Speed Between<\/strong>: Set the delay between slide transitions.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1365\" height=\"632\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-9.webp\" alt=\"Brand Slider 9\" class=\"wp-image-15180\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-9.webp 1365w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-9-300x139.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-9-1024x474.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-9-768x356.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-9-20x9.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-9-32x15.webp 32w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Navigation<\/strong>: Enable or disable navigation controls.<\/li>\n\n\n\n<li><strong>Previous Arrow Icon<\/strong>: Customize the icon for the previous slide.<\/li>\n\n\n\n<li><strong>Next Arrow Icon<\/strong>: Customize the icon for the next slide.<\/li>\n\n\n\n<li><strong>Pagination<\/strong>: Enable pagination dots for navigation.<\/li>\n\n\n\n<li><strong>Pagination Type<\/strong>: Choose the type of pagination (e.g., numbers, dots).<\/li>\n\n\n\n<li><strong>Left\/Right Direction<\/strong>: Set the slide direction to left or right.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Style Settings<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The Style section includes three sections: <strong>Text, Slider Navigation <\/strong>and <strong>Pagination.<\/strong><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"306\" height=\"395\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-10.webp\" alt=\"Brand Slider 10\" class=\"wp-image-15181\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-10.webp 306w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-10-232x300.webp 232w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-10-15x20.webp 15w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-10-25x32.webp 25w\" sizes=\"(max-width: 306px) 100vw, 306px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Text Section: <\/strong>Customize the text color, typography, separator color, and size to match your design preferences.<\/li>\n\n\n\n<li><strong>Slider Navigation: <\/strong>Adjust the appearance of navigation arrows for better user interaction.<\/li>\n\n\n\n<li><strong>Pagination:<\/strong> Modify pagination styles for enhanced visual appeal and functionality.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced Settings&nbsp;<\/h3>\n\n\n\n<p>In the advanced settings, you\u2019ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"308\" height=\"593\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-11.webp\" alt=\"Brand Slider 11\" class=\"wp-image-15182\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-11.webp 308w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-11-156x300.webp 156w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-11-10x20.webp 10w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Brand-Slider-11-17x32.webp 17w\" sizes=\"(max-width: 308px) 100vw, 308px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Final Outcome<\/h2>\n\n\n\n<p>That&#8217;s it! You\u2019ve now learned how to configure the <strong>Brand Slider Widget<\/strong> in Elementor to customize and showcase brand logos effectively on your website.<\/p>\n\n\n\n<p>If you need further assistance, feel free to reach out to our support team!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/animation-addons.com\/widgets\/aae-brand-slider\/\" target=\"_blank\" rel=\"noreferrer noopener\">View Live Demo<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>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&#8217;ll have access to all the free Elementor widgets, including the Brand Slider Widget\u2014completely free! You can also explore both free and pro widgets using the available filter options. Key [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17057,"parent":43,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-778","docs","type-docs","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Brand Slider Widget Documentation - Animation Addons<\/title>\n<meta name=\"description\" content=\"Learn how to use the Brand Slider Widget in Animation Addons for Elementor. This guide covers setup, autoplay, logo slides, styling, and more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Brand Slider Widget Documentation - Animation Addons\" \/>\n<meta property=\"og:description\" content=\"Learn how to use the Brand Slider Widget in Animation Addons for Elementor. This guide covers setup, autoplay, logo slides, styling, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/\" \/>\n<meta property=\"og:site_name\" content=\"Animation Addons\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/animationaddons\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-22T04:54:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Brand-Slider-Docs-Featured-Image-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"48\" \/>\n\t<meta property=\"og:image:height\" content=\"49\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@animationaddons\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/\",\"url\":\"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/\",\"name\":\"Brand Slider Widget Documentation - Animation Addons\",\"isPartOf\":{\"@id\":\"https:\/\/animation-addons.com\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Brand-Slider-Docs-Featured-Image-2.png\",\"datePublished\":\"2025-03-25T04:21:54+00:00\",\"dateModified\":\"2025-06-22T04:54:41+00:00\",\"description\":\"Learn how to use the Brand Slider Widget in Animation Addons for Elementor. This guide covers setup, autoplay, logo slides, styling, and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/#primaryimage\",\"url\":\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Brand-Slider-Docs-Featured-Image-2.png\",\"contentUrl\":\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Brand-Slider-Docs-Featured-Image-2.png\",\"width\":48,\"height\":49,\"caption\":\"Brand Slider Docs Featured Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/animation-addons.com\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"General Widgets\",\"item\":\"https:\/\/animation-addons.com\/docs\/general-widgets\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Brand Slider Widget Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/animation-addons.com\/docs\/#website\",\"url\":\"https:\/\/animation-addons.com\/docs\/\",\"name\":\"Animation Addons\",\"description\":\"Best Animation Plugin for WordPress\",\"publisher\":{\"@id\":\"https:\/\/animation-addons.com\/docs\/#organization\"},\"alternateName\":\"Animation Addons for Elementor\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/animation-addons.com\/docs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/animation-addons.com\/docs\/#organization\",\"name\":\"Animation Addons\",\"alternateName\":\"Animation Addons for Elementor\",\"url\":\"https:\/\/animation-addons.com\/docs\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg\",\"contentUrl\":\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg\",\"width\":48,\"height\":48,\"caption\":\"Animation Addons\"},\"image\":{\"@id\":\"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/animationaddons\",\"https:\/\/x.com\/animationaddons\",\"https:\/\/www.linkedin.com\/company\/animation-addons\/\",\"https:\/\/www.pinterest.com\/animationaddons\/\",\"https:\/\/www.instagram.com\/aimationaddons\/\",\"https:\/\/www.tiktok.com\/@animationaddons\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Brand Slider Widget Documentation - Animation Addons","description":"Learn how to use the Brand Slider Widget in Animation Addons for Elementor. This guide covers setup, autoplay, logo slides, styling, and more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/","og_locale":"en_US","og_type":"article","og_title":"Brand Slider Widget Documentation - Animation Addons","og_description":"Learn how to use the Brand Slider Widget in Animation Addons for Elementor. This guide covers setup, autoplay, logo slides, styling, and more.","og_url":"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/","og_site_name":"Animation Addons","article_publisher":"https:\/\/www.facebook.com\/animationaddons","article_modified_time":"2025-06-22T04:54:41+00:00","og_image":[{"width":48,"height":49,"url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Brand-Slider-Docs-Featured-Image-2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@animationaddons","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/","url":"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/","name":"Brand Slider Widget Documentation - Animation Addons","isPartOf":{"@id":"https:\/\/animation-addons.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/#primaryimage"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/#primaryimage"},"thumbnailUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Brand-Slider-Docs-Featured-Image-2.png","datePublished":"2025-03-25T04:21:54+00:00","dateModified":"2025-06-22T04:54:41+00:00","description":"Learn how to use the Brand Slider Widget in Animation Addons for Elementor. This guide covers setup, autoplay, logo slides, styling, and more.","breadcrumb":{"@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/#primaryimage","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Brand-Slider-Docs-Featured-Image-2.png","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Brand-Slider-Docs-Featured-Image-2.png","width":48,"height":49,"caption":"Brand Slider Docs Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/brand-slider\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/animation-addons.com\/docs\/"},{"@type":"ListItem","position":2,"name":"General Widgets","item":"https:\/\/animation-addons.com\/docs\/general-widgets\/"},{"@type":"ListItem","position":3,"name":"Brand Slider Widget Documentation"}]},{"@type":"WebSite","@id":"https:\/\/animation-addons.com\/docs\/#website","url":"https:\/\/animation-addons.com\/docs\/","name":"Animation Addons","description":"Best Animation Plugin for WordPress","publisher":{"@id":"https:\/\/animation-addons.com\/docs\/#organization"},"alternateName":"Animation Addons for Elementor","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/animation-addons.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/animation-addons.com\/docs\/#organization","name":"Animation Addons","alternateName":"Animation Addons for Elementor","url":"https:\/\/animation-addons.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","width":48,"height":48,"caption":"Animation Addons"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/animationaddons","https:\/\/x.com\/animationaddons","https:\/\/www.linkedin.com\/company\/animation-addons\/","https:\/\/www.pinterest.com\/animationaddons\/","https:\/\/www.instagram.com\/aimationaddons\/","https:\/\/www.tiktok.com\/@animationaddons"]}]}},"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/d0824328e817de9f5f8d005a4b8d1fcea87dd03cee2b85f00c4d3cb2da172cfe?s=96&d=mm&r=g","author_name":"docs_admin","_links":{"self":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/comments?post=778"}],"version-history":[{"count":11,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/778\/revisions"}],"predecessor-version":[{"id":17379,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/778\/revisions\/17379"}],"up":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/43"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media\/17057"}],"wp:attachment":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media?parent=778"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=778"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_badge?post=778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}