Using a Logo Carousel on your Elementor Website is an excellent way to showcase your Clients, Partners, or Sponsors in a visually appealing and space-efficient manner. A Logo Carousel typically displays a series of logos in a rotating or sliding format, allowing visitors to see multiple logos without overwhelming the page. This feature not only enhances the aesthetic appeal of your site but also builds credibility by highlighting the brands you have collaborated with. In this guide, I will show how to add a Logo Carousel to your Elementor Website with easy-to-follow steps. The guidelines are very simple, ensuring that everyone can follow them without any hassle.
Why Add a Logo Carousel to Your Elementor Website?
Client Showcases
You can display logos of your clients to build credibility and trust with potential customers.
Partner Logos
Showcase your business partners or affiliates. This can help in demonstrating your network and collaborations.
Sponsor Recognition
If you host events or have sponsors, a logo carousel can be a great way to acknowledge and thank them publicly.
Awards and Certifications
Show off any awards or certifications your business has received. This can help establish authority and trustworthiness.
Technology Stack
Display logos of the technologies and tools your company uses. This can be particularly useful for tech companies to show their technical capabilities.
Investor Logos
If your company has notable investors, showcasing their logos using a Logo Carousel can add credibility and attract more investment.
Supplier Logos
If you work with well-known suppliers, showcasing their logos can enhance your reputation and show the quality of your supply chain.
Step #1: Install and activate Unlimited Elements
Before getting started you will need to purchase Unlimited Elements pro from the link below to access the Logo Carousel widget.
Then follow these steps:
Go to Plugins → Add New → Upload Plugin.
Choose the zip file you downloaded, upload, and then click Activate.
Once activated, you’ll need to enter your license key.
Now that you have the plugin installed, it’s time to start creating the Logo Carousel.
Step #2: Adding the Logo Carousel widget to your Elementor website
To create a Logo Carousel you need to install the Logo Carousel widget from the Unlimited Elements Widget library.
Go to Unlimited Elements in the WordPress Dashboard
Search for the "Logo Carousel"
Hover over the widget and click install
Then, in the Elementor editor, Find the Logo Carousel widget and drag it to the desired part of your page.
Step #3: Choose the Items Source
Choose the Items Source from the dropdown. We can select Posts, Woo products, ACF repeater fields, JSON or CSV files, gallery, terms, users, menu items, and more. For our guide, we’ll use static data and leverage the items repeater to add our content.
Step #4: Configure the Logo Carousel General Settings
Number of Items
Set the number of items to display at a time.
Autoplay
We can turn on or off the autoplay option.
Autoplay Hover Pause
Autoplay will pause over mouse hover.
Show Arrows
We can Show or Hide the navigation arrows.
Show Dots
We can also Show or Hide the navigation dots.
Loop
Turn on or off the loop option for carousel.
Margin Between Items
Set the margin between carousel items to adjust the space between the items.
Autoplay Timeout
Set the time for autoplay timeout.
Transition Speed
Set the transition speed in milliseconds.
Center
We can make the carousel item center.
Make 3D
It will make the center item 3D.
Item Image Size
Select the Image size according to the layout.
Open Link In New Tab
We can open the item image link in new tab is we toggle this option to yes.
Arrow Icons Settings
If you have selected to show the arrows, then you can choose the arrow icons here.
Left Arrow
Choose an icon for left navigation arrow.
Right Arrow
Choose an icon for right navigation arrow.
Connected Widgets Settings
Enable Remote Connection
Widget Name for Connection
Choose this to "Auto Detectable", so it will automatically detect the remote widgets.
Sync
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Items Settings
Title
Type the title for logo carousel item.
Image
Choose the image for logo carousel item.
Link
Paste your URL to link with logo.
Two Items Per Column
This will allow us to show two items in one column.
Step #5: Adding the Remote Control widgets
Optionally, we can add remote control widgets to make unique layouts, Add the Remote Arrows Widget to the page, Set it to “Auto Detectable” and it will automatically connect with the Logo Carousel, we can style the remote arrows accordingly to match our website design.
Wrapping it Up!
Incorporating a logo carousel into your website is an effective way to enhance brand credibility and visual appeal. The Logo Carousel is the best widget to display logos of your clients, partners, sponsors, and affiliates inside of any Elementor page, which can help build trust with visitors by highlighting reputable associations. This design widget is particularly useful for saving space while displaying multiple logos without cluttering the page. Additionally, it adds an interactive and engaging component to the website, making it more visually appealing and professional.
