Reviews Slider
Two-column section with a header and a slider of reviews with images and boxed-in quotes.
Note: The section this module is added to should have its Content Alignment set to Full width.
View a live demo of this module.
Content
- Include a heading with eyebrow, heading, sub-heading, text, and/or buttons
- Add as many slides as needed
- In slide, include an image, rating number (5 star rating system), eyebrow text, and quote text
- Set slider to autoplay (includes a pause/play function for accessibility)
- Change placement of heading (to left or right of reviews slider)
- Set image height (images are cropped to fit within the space)
- Set image height on mobile
- Include aria label on pagination for screen reader accessibility
Styles
- Set Dark Mode
How to Use This Module
The Reviews Slider module is designed to showcase customer testimonials and social proof in an engaging, interactive format. This module works particularly well on homepage hero sections, product landing pages, and dedicated testimonial pages where you want to build trust and credibility with potential customers.
When adding this module through the HubSpot page editor’s drag-and-drop interface, you’ll find it performs best on pages with high conversion intent, such as pricing pages or service landing pages. The two-column layout allows you to pair compelling testimonials with supporting header content, creating a powerful combination for visitor engagement.
Content Strategy Tips: For maximum impact, vary your review content by including testimonials from different customer segments or use cases. The rating system supports the standard 5-star format, so you can display both numerical ratings and written feedback. Consider using high-quality customer photos or company logos in the image slots to add authenticity and visual interest to each slide.
Layout Considerations: The module’s responsive design automatically adjusts the slider behavior on mobile devices, but you have control over image heights for both desktop and mobile viewports. This ensures your testimonials maintain visual consistency across all devices. The autoplay functionality keeps visitors engaged, while the accessible pause/play controls ensure compliance with web accessibility standards.
Integration with Traverse Theme: This module leverages the Traverse theme’s advanced animation capabilities and works seamlessly with the theme’s global color palette. When Dark Mode is enabled, the module automatically adjusts text contrast and background colors to maintain readability while preserving your brand’s visual hierarchy throughout the user experience.