Gutenberg

Write a testimonial and review block pattern

A scenario prompt that turns three client quotes into properly marked-up Quote blocks with avatars and star ratings, keeping the semantic blockquote/cite structure intact.

Works with Claude / GPT1,180 uses 4.4

The prompt

gutenberg-testimonial-review-block-pattern
I have three client testimonials to add to our services page:

"They cut our onboarding time in half within the first month." - Priya Nair,
Operations Lead at Fernhill Logistics, 5 stars, photo priya-nair.jpg

"Support actually responds. That alone is worth the switch." - Marcus Webb,
Founder of Webb & Co, 5 stars, photo marcus-webb.jpg

"Solid product, though the mobile app still lags behind desktop." - Dana Cho,
IT Manager at Cho Retail Group, 4 stars, photo dana-cho.jpg

[replace with your own quotes, names, titles, ratings, and photos]

Build this as a row of three testimonial cards using core blocks:

1. Use a `wp:columns` block with one `wp:column` per testimonial, each containing
   a `wp:group`.
2. Inside each group, use an actual `wp:quote` block for the testimonial text, not
   a plain paragraph, so it renders as semantic `<blockquote>` markup. Put the
   name and title in the quote block's citation area (`<cite>`), not as a second
   free-floating paragraph, so screen readers correctly associate the attribution
   with the quote it belongs to.
3. Add the avatar as a small `wp:image` above or beside the quote, with alt text
   as the person's name (e.g. "Priya Nair"), not "photo" or "avatar", since that's
   what a screen reader user actually needs to know.
4. Represent the star rating as text, not just star glyphs or a background-image
   sprite: something like a paragraph reading "Rated 4 out of 5" that can sit
   visually next to star icons but isn't dependent on them for meaning.
5. Keep the negative note in Dana Cho's quote (the mobile app comment) exactly as
   written, don't quietly soften a real testimonial into something more flattering.
6. Output the complete columns-down-to-quote block markup.

Using the real Quote block instead of a styled paragraph matters more than it looks: themes and plugins that scan a page for testimonial schema (for review rich snippets) generally look for blockquote and cite elements, and a paragraph dressed up to look like a quote won’t be picked up.