The Scrolling Marquee widget is the ultimate choice for displaying a high volume of social proof in a compact, dynamic format. By creating an infinite loop of testimonials, it allows you to showcase dozens of success stories without overwhelming your page layout or requiring user interaction like swiping.
It’s particularly effective for adding a sense of momentum and scale to your brand, signaling to visitors that you have a "wall of love" that never ends.
Key Features
- Infinite Loop: Seamless, auto-scrolling animation that ensures your testimonials are constantly in motion.
- Pause on Hover: Intuitively stops the scroll when a user hovers over a specific testimonial, allowing them to read at their own pace.
- Edge Gradients: Soft, customizable fading effects at the edges of the marquee for a premium, integrated look.
- Variable Speed: Fine-tune the scroll velocity to match the "vibe" of your website, from a slow, elegant drift to a lively parade.
When to Use This Widget
The Scrolling Marquee works best in sections where you want to signal "popularity" and "volume" without taking up vertical space.
- Trust Banners: Place a thin marquee right below your navigation or hero section to establish immediate credibility.
- Section Dividers: Use a marquee as a visual break between two different features or content blocks.
- High-Traffic Homepages: Perfect for pages where users are scrolling fast; the motion naturally catches the eye.
- Campaign Landing Pages: Use a marquee to display quickly-readable snippets from a specific demographic or use-case.
How to Embed
Getting the Scrolling Marquee widget onto your site is effortless.
1. Copy from Builder
In your Vauch dashboard, navigate to the Widget Builder for your Scrolling Marquee widget. Click the "Copy Embed Code" button. This will copy a single HTML snippet to your clipboard that contains everything needed to render the marquee.
2. Paste into Your Website
Paste the copied snippet into the HTML of your website exactly where you want the marquee to appear. No additional scripts or manual configuration are required.
Customization Options
You can fine-tune the behavior and appearance of your marquee in the Widget Builder:
- Marquee Speed: Adjust how fast the testimonials move across the screen.
- Gradient Masking: Enable or disable the "fade" effect at the ends of the marquee.
- Gradient Color & Width: Match the fade effect perfectly to your website's background color and adjust its intensity.
- Card Spacing: Control the distance between each testimonial card in the loop.
- Testimonial Limit: Choose whether to loop your entire collection or just your top-rated highlights.
and more...
Best Practices
- Maintain Legibility: Don't set the speed too fast. The goal is for users to be able to catch keywords or names as they move by.
- Curate for Conciseness: Marquees work best with shorter testimonials or "one-liners." Keep the text focused so it can be read in a few seconds.
- Match the Background: Use the Gradient Color setting to ensure the marquee "melts" into your site's section background.
- Mobile Columns: Ensure your card width is optimized so that at least 1.5 testimonials are visible on mobile screens to signal that it's a scrollable element.