How to Use the Logo Showcase Element
What is the Logo Showcase Element?
The Logo Showcase is a design element for your website or funnel pages that lets you present multiple logos in an animated format. You can choose to display them in either a continuously scrolling ticker or as an interactive carousel. This tool is excellent for increasing credibility by visually highlighting client logos, partner brands, or certifications.
Key Benefits
Using the Logo Showcase element provides several advantages for your page design.
- Choose between two display styles: a scrolling ticker or a slide-based carousel.
- Enable automatic animation and infinite looping to keep the display engaging.
- Control the spacing between logos and the overall layout.
- Includes support for touch gestures, making it mobile-friendly.
- Easily manage logos by dragging and dropping them into place.
- Add custom alternative text for each logo to improve SEO and accessibility.
How to Add and Configure the Logo Showcase
Follow these steps to create a logo showcase on your page.
- Open the Funnel Builder or Website Builder for your site.
- Drag the Logo Showcase element from the menu onto your page canvas.
- Select your preferred display mode: Ticker or Carousel.
- Upload your logo images using the provided interface.
- Use the settings panel to adjust the layout, animation, and spacing.
- Preview your page and make any final adjustments until you are happy with the result.
Ticker Mode
Ticker mode is designed to display a large number of logos in a compact, horizontal scrolling bar. It creates a dynamic, endless loop.
You can configure the following settings for the ticker:
- Scroll Speed: Adjust the speed of the scroll from 1 (slowest) to 10 (fastest).
- Smooth Scroll: Toggle this on for a fluid scrolling motion.
- Pause on Hover: Enable this to pause the animation when a visitor hovers their cursor over the showcase.
Carousel Mode
Carousel mode is ideal for featuring a select group of logos with more emphasis. Logos are displayed in slides, and visitors can navigate through them.
Key features and settings for the carousel include:
- Logos per Slide: Set how many logos appear on each slide, up to a maximum of 8.
- Navigation: Use arrow buttons, pagination dots, or swipe gestures to move between slides.
- Auto-Animation: Set the carousel to advance slides automatically after a specific time interval.
- Infinite Loop: Enable this to have the carousel loop back to the beginning after the last slide.
- Pause on Hover: Pause the automatic slide advancement when a visitor hovers over the carousel.
- Animation Style: Choose between a slide or a fade transition effect.
Customization Options
You have full control over the appearance and behavior of your logo showcase.
- Logo Spacing: Adjust the gap between logos from 0 to 100 pixels.
- Rearrange Logos: Simply drag and drop logos within the element to change their order.
- Transitions: Control the smoothness and timing of the animations.
- Alt Text: Add descriptive alternative text for each logo image to ensure accessibility.
Frequently Asked Questions
Can I switch between Ticker and Carousel modes after adding logos?
Yes. All of your uploaded logos and their settings are preserved when you switch between the two display modes.
Is the Logo Showcase element available in all versions of the builder?
No. This feature is currently only available in the new sidebar version of the builder.
Is there a maximum number of logos I can add?
There is no strict limit, but using an extremely high number of logos may affect the performance and loading speed of your page.
Can I link to external logo images?
Currently, logo images must be uploaded directly to the CRM; external image URLs are not supported.