Studio Nope - Testimonials

A polished testimonial module with Swiper carousel for multiple quotes, star ratings, author photos, and a decorative quote mark. Testimonials Pro handles single or multiple testimonials automatically — one testimonial renders as a static layout, two or more become a smooth carousel with navigation arrows and pagination dots.

Every element is customizable from the Style tab: 12 color controls (quote text, author name/role, stars, decorative mark, navigation arrows/dots with hover states), typography (quote size, line height, italic toggle, name/role sizes, quote mark size), author layout (photo size, gap, margin), star sizing, navigation controls (arrow size, dot size/gap), slide opacity, spacing, and responsive breakpoints. 40+ style fields in total.

What you can build:

• Elegant centered testimonial carousels with star ratings

• Left-aligned testimonial sections with author photos

• Single featured testimonial with decorative typography

• Minimal quote sliders without stars or photos

• Dark or light themed review sections

Content features: Up to 10 testimonials with quote text, star rating (0-5, set to 0 to hide), author name, role/title, and optional photo. Decorative opening quote mark with show/hide toggle. Autoplay with configurable speed (2-10 seconds) and pause on hover.

Carousel: Swiper 11 loaded only when needed (2+ testimonials). Smooth slide transitions with configurable inactive slide opacity. Navigation row with arrow buttons (left), pagination dots (center), and arrow buttons (right). Loop mode for 3+ testimonials.

Style tab: Container (max width, horizontal padding, content max width), colors (background, quote text, author name/role, decorative mark, star filled/empty, arrow/dot default/hover/active), typography (quote font size/line height/italic, name/role sizes, quote mark size), author (photo size, gap, margin), stars (size, gap, margin), navigation (arrow size, dot size/gap, margin), slide (inactive opacity), spacing (padding top/bottom), responsive (tablet/mobile breakpoints). Accent colors inherit from HubSpot theme settings.

Works on any HubSpot template, no theme required.