Marketing · Gutenberg
Testimonial Card block for WordPress
A single embeddable testimonial card with photo, quote, rating, and platform badge. Place it anywhere in your content.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
A single embeddable testimonial card with photo, quote, rating, and platform badge. Place it anywhere in your content.
Inspector panels on this block: Author, Rating & Platform, Style & Layout. Those titles come from index.js, not from a shared template.
Behavior controls: “Platform” options: None, Google, Trustpilot, G2, Capterra; “Card Style” options: Card (white), Minimal (no bg), Bubble (speech), Accent Left Border, Dark; “Style & Layout — Alignment” options: Left, Center, Right.
Testimonial Card has no render.php and no frontend.js. The saved Gutenberg HTML is what visitors see, plus Blockenberg layout/typography CSS.
Where to find it
Gutenberg inserter → Marketing → search “Testimonial Card” (block name `blockenberg/testimonial-inline` in block.json). Style it in the sidebar after insert.
How to use Testimonial Card block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Testimonial Card”, insert it. Category: Marketing.
- Configure inspector controls that exist on this block. Open Author. Set “Show Photo”, “Photo Size”, “Show Rating Stars”, “Stars (1–5)”.
- Publish. Save the page. Output is the saved block HTML; typography/colors follow Blockenberg shared panels.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Show Photo | On/off toggle in the inspector. On by default. Saved as `showPhoto`. |
| Photo Size | Numeric range control in the inspector. Range 32–100. block.json default: 52. Saved as `photoSize`. |
| Show Rating Stars | On/off toggle in the inspector. On by default. Saved as `showRating`. |
| Stars (1–5) | Numeric range control in the inspector. Range 1–5. block.json default: 5. Saved as `rating`. |
| Star Size | Numeric range control in the inspector. Range 12–28. block.json default: 16. Saved as `starSize`. |
| Show Platform Badge | On/off toggle in the inspector. Off by default. Saved as `showPlatform`. |
| Platform | Select control; the chosen value is saved on the block. Options: None; Google; Trustpilot; G2; Capterra; Yelp; Twitter / X; LinkedIn; Product Hunt. block.json default: none. Saved as `platform`. |
| Card Style | Select control; the chosen value is saved on the block. Options: Card (white); Minimal (no bg); Bubble (speech); Accent Left Border; Dark. block.json default: card. Saved as `style`. |
| Style & Layout — Alignment | Select control; the chosen value is saved on the block. Options: Left; Center; Right. block.json default: left. Saved as `align`. |
| Show Quote Mark | On/off toggle in the inspector. On by default. Saved as `showQuoteMark`. |
| Max Width (px) | Numeric range control in the inspector. Range 200–1200. block.json default: 640. Saved as `maxWidth`. |
| Card Padding | Numeric range control in the inspector. Range 12–64. block.json default: 28. Saved as `cardPadding`. |
| Border Radius | Numeric range control in the inspector. Range 0–48. block.json default: 16. Saved as `borderRadius`. |
| Card Background | Color control in the inspector. block.json default: #ffffff. Saved as `bgColor`. |
| Quote Text Color | Color control in the inspector. block.json default: #1e293b. Saved as `quoteColor`. |
| Name Color | Color control in the inspector. block.json default: #0f172a. Saved as `nameColor`. |
| Role Color | Color control in the inspector. block.json default: #64748b. Saved as `roleColor`. |
| Star Color | Color control in the inspector. block.json default: #f59e0b. Saved as `starColor`. |
| Accent Color | Color control in the inspector. block.json default: #6c3fb5. Saved as `accentColor`. |
| Border Color | Color control in the inspector. block.json default: #e2e8f0. Saved as `borderColor`. |
| Quote Mark Color | Color control in the inspector. block.json default: #6c3fb5. Saved as `quoteMarkColor`. |
When this is the right block
- A single embeddable testimonial card with photo, quote, rating, and platform badge. Place it anywhere in your content — that is the job of Testimonial Card, not a generic content block.
- Use it when you need the editor control labeled “Show Photo”, which exists on this block’s inspector.
- It matches pages about testimonial, quote, review.
- Inserter grouping: landing pages, campaign sections, and conversion layouts.
Notes from the implementation
Static block: markup is saved in post content; no PHP render callback in this folder.
FAQ
How do I add the Testimonial Card block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Testimonial Card”. It sits under Marketing. After insert, open Author and set “Show Photo”, “Photo Size”, “Show Rating Stars”, “Stars (1–5)”.
What makes Testimonial Card different from other Blockenberg blocks?
A single embeddable testimonial card with photo, quote, rating, and platform badge. Place it anywhere in your content. Inspector labels on this block include “Show Photo”, “Photo Size”, “Show Rating Stars”, “Stars (1–5)”.
Is the Testimonial Card Gutenberg block free?
Yes. Testimonial Card ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Testimonial Card to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Author, Rating & Platform, Style & Layout).
Related marketing blocks
Testimonial Featured
A single large featured testimonial section — big decorative quote mark, full testimonial text, person photo, name, title, company logo, star rating, and optional result metric badge. Designed as a standalone section for maximum impact. Different from testimonial carousels or grids.
Video Testimonial
Testimonial cards with embedded YouTube/Vimeo video, star rating, quote, and author. Builds deep social proof with video evidence.
Review Showcase
Showcase aggregate ratings from review platforms (Google, G2, Trustpilot, etc.) with an optional featured testimonial.
Split Testimonial
Hero-size featured testimonial with large pull-quote, author photo, name, title, company, star rating, and full accent/background controls.
Testimonial Carousel
Auto-playing testimonial slider with stars, avatars, and dot/arrow navigation.
Testimonial Grid
Static masonry-style grid of testimonial cards with stars, avatars, and author details.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Testimonial Card from the Gutenberg inserter.