Testimonial Tabs
An interactive switcher showing one featured client quote at large scale above a row of avatar tabs that flip between four clients.
An interactive switcher showing one featured client quote at large scale above a row of avatar tabs that flip between four clients.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Testimonial Tabs puts four client quotes behind one interactive control. A single featured quote sits at display scale in the center with its attribution beneath it, and a row of avatar tabs runs below. Selecting a face swaps the quote and the name above without leaving the section, so a visitor can move through several clients in the space one testimonial would normally take. The active tab is outlined so the current speaker is always clear.
The block is a client component holding a testimonials array of four objects and a small piece of selection state. Reserving a minimum height on the quote keeps the layout from jumping as the visitor switches between shorter and longer quotes, a small detail that makes the interaction feel calm.
Reach for this block when you have four strong quotes and want them compact and browsable rather than stacked down the page. The installer swaps the four testimonials, their avatars, and the person, role, and company on each tab.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is a browsable set of quotes from four flagship clients. Other uses:
Tip: lead with your strongest quote as the default tab, since many visitors read only the first one before deciding whether to click through the rest.