Case Study Carousel Pro for HubSpot CMS
Show the Numbers That Win Deals
A B2B social-proof carousel that puts your results front and centre. Each card leads with a headline metric, backs it with a star rating and the customer's own words, and signs off with the person behind the result, plus a link to the full story. Run one story as a full-width spotlight or two or three across as a wall of results, with autoplay, swipe, and equal-height cards that keep every row aligned.
Get the Module Works with any HubSpot CMS theme · Pure vanilla JavaScript · $14.99
Social proof your prospects actually stop and read
Metric-Led Cards
Lead every card with a real number such as +182%, minus 63%, or 4.2x, a star rating, and the customer's photo, name, and role. Equal-height cards keep the author and link pinned to the bottom, so rows stay aligned no matter how long a quote runs.
Three Layouts, One Dropdown
One per slide as a full-width side-by-side spotlight, or two or three across as a proof wall, switchable in a click. Autoplay, pause-on-hover, loop, arrows, clickable dots, and touch swipe. Collapses three to two to one responsively and stacks the spotlight cleanly on mobile.
Styled Entirely From the Editor
Card, colors, two font pickers with per-element size, weight, and spacing, stars, quote mark, dividers, shadows, gaps, and breakpoints are all fields. Accent colors inherit your theme. Dependency-free vanilla JS, no library, no CDN, no code.
Ratings, Quotes, and a Story Link
Back the metric with a configurable 0 to 5 star rating, the customer's words, and a clear call to action linking to the full case study. The link carries its own icon, weight, and color, so it reads as a deliberate next step, not an afterthought.
Finished the Moment You Drop It In
Clean white cards, a subtle border and shadow, and tidy monochrome type out of the box. Install equals demo: it looks complete on first paste, then bends to your brand without touching code.
Fast, Responsive, Accessible
Built on dependency-free vanilla JavaScript so it stays fast and works on any HubSpot theme or none at all. Equal-height cards, responsive breakpoints, touch swipe, and accessible controls keep it clean from desktop to phone.
What you can build
Case Study Carousel Pro fits any page where results close the deal. Here are four common uses.
Homepage proof wall
Line two or three metric-led cards across, lower on the page, to show a row of results at a glance, each with a number, a rating, a quote, and the person behind it.
Sales and landing page spotlight
Run one story at a time as a full-width side-by-side spotlight, the headline metric and the customer's words given room to land right where a prospect decides.
Case study index
Turn a list of wins into a swipeable carousel, each card linking to the full case study, so visitors browse results and click straight through to the detail.
Pricing and product pages
Drop a compact proof carousel beside pricing or features to answer "does this actually work" with numbers, ratings, and named customers at the moment of doubt.
Works with any HubSpot theme
Case Study Carousel Pro is a standalone module. Install it in any HubSpot CMS portal and drop it on any page, including website pages, landing pages, and blog posts. No theme dependency, no jQuery, no external libraries. Pure vanilla JavaScript.
Questions
What goes on each case study card?
addHow many layouts are there?
addCan I match it to my brand?
addDoes it use any external libraries?
addTurn your results into proof with Case Study Carousel Pro
Metric-led cards with ratings, quotes, named customers, and a story link. Three layouts in one dropdown, autoplay and swipe, equal-height cards, and full theming from the editor. No code required.
Get the ModuleRelated modules: Testimonials Pro · Social Proof Pro · Hero Banner Pro · All Modules