Testimonial wall
Display approved customer testimonials in a chosen layout.
Code name: TestimonialWall · Category: Collections
Registered in the live renderer. Website context and the limitations below still apply.
When to use it
Use the wall to show real approved feedback. Quotes and customer details come from the testimonial collection, while this block controls presentation.
In the editor
- Collect and approve the testimonials you want to show.
- Choose a layout and item limit.
- Check the displayed quotes, ratings and customer details.
Example
This example uses illustrative content. Media placeholders must be replaced with your own assets; data-backed blocks need the normal website context.
<TestimonialWall layout="masonry" columns={3} showRating={true} />Behaviour and limitations
- Only approved testimonials are a source of content. Do not invent quotes or a data prop.
- showRating and showCustomerDetails change presentation; they do not change the source review.
- The example requires website context and approved testimonials; it does not create any.
Content model
Quotes, customer details, ratings, and sources are synced from approved testimonials. In section JSX, only edit presentation props. Valid layouts are masonry, carousel, featured, marquee, list, and rating; never invent a data prop or testimonial content.
Property reference
Types below describe the editor controls and known choices, not every value accepted by the renderer. A renderer default is extracted from its parameter; an editor-only default does not prove the runtime default. “Not declared here” does not mean required. Preserve omitted values unless the requested edit needs them.
| Property | Editor value type | Default evidence | Guidance |
|---|---|---|---|
layout | "masonry", "carousel", "featured", "marquee", "list", "rating" | "masonry" (editor only) | Layout. See the usage notes for this block. |
limit | number | 6 (editor only) | Testimonials shown. See the usage notes for this block. |
columns | number | 3 (editor only) | Masonry columns. See the usage notes for this block. |
showRating | boolean | true (editor only) | Show rating. See the usage notes for this block. |
showCustomerDetails | boolean | true (editor only) | Show customer details. See the usage notes for this block. |
backgroundColor | string | Not declared here | Background colour. Theme-derived appearance can still depend on the surrounding section. |
