Getting Started With Logo Showcase
The Logo Showcase widget lets you easily display logos of your partners, clients, or sponsors on your website, adding social proof and credibility. You can fully customize the widget’s content, layout, and style to fit your brand and make your logos stand out.
In this article
Add Logos and Content
In the Content tab, you can add logos, a header, and a call-to-action button to your Logo Showcase widget. Let’s explore the possibilities! 🚀
Working with Logos
To upload logos, click + Add Logos and either drag and drop your files into the Upload Logos section or select them from your device via Browse Files:
Reorder logos easily by dragging and dropping them:
You can also edit, duplicate, or delete a logo by clicking the three dots next to it:
Click on a logo to open its individual settings, where you can:
- Adjust the logo size using the Custom Logo Size.
- Link a URL, email, or phone number to make the logo clickable.
- Add a Caption that appears on hover.
Here's a quick walkthrough:
Other Elements
Enhance your widget further with:
- Header — add a Title and Caption to the widget:
- Call to Action Button — customize text, add an icon, and link it to a URL, email, or phone:
Customize Widget Layout
In the Layout tab, choose how your logos are displayed: Carousel, Ticker, or Grid. You can also adjust widget width, logo size, spacing, and optimize appearance for mobile and tablet:
The Carousel and Ticker layouts let you adjust navigation controls, speed, and transitions:
- In Carousel Settings, you can enable arrows and swipe, set slide duration, choose pagination, turn on auto slide, and adjust control colors:
- In Ticker Settings, you can control the transition speed and enable pause-on-hover:
Adjust Colors, Fonts, and More
Use the Style tab to match your widget with your website's design. Customize global font and background settings under the Font and Background sections:
You can also style individual elements like logos, header, and button. Note that header and button settings are available only when enabled in the Content tab:
For advanced customizations, add your own CSS or JS code using the Custom CSS and Custom JS sections:
If a styling option you need isn't available, check out our community post with useful CSS snippets to take your widget even further!
Great job setting up your Logo Showcase! For additional customization help or any other questions, feel free to contact our Support Team. We’ll be glad to help!🧝