Marketing · Gutenberg
Video Testimonial block for WordPress
Testimonial cards with embedded YouTube/Vimeo video, star rating, quote, and author. Builds deep social proof with video evidence.
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
Testimonial cards with embedded YouTube/Vimeo video, star rating, quote, and author. Builds deep social proof with video evidence.
Inspector panels on this block: Layout, Display, Testimonials. Those titles come from index.js, not from a shared template.
Behavior controls: “Layout” options: Grid, Masonry, Featured; “Video aspect ratio” options: 16:9, 4:3, 1:1; “Card shadow” options: None, Small, Medium, Large.
Where to find it
Gutenberg inserter → Marketing → search “Video Testimonial” (block name `blockenberg/video-testimonial` in block.json). Style it in the sidebar after insert.
How to use Video Testimonial block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Video Testimonial”, insert it. Category: Marketing.
- Configure inspector controls that exist on this block. Open Layout. Set “Columns”, “Gap (px)”, “Video aspect ratio”, “Card radius (px)”.
- Check the published page. The view script reads HTML data attributes: data-embed. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Layout | Select control; the chosen value is saved on the block. Options: Grid; Masonry; Featured. block.json default: grid. Saved as `layout`. |
| Columns | Numeric range control in the inspector. Range 1–4. block.json default: 3. Saved as `columns`. |
| Gap (px) | Numeric range control in the inspector. Range 8–60. block.json default: 24. Saved as `gap`. |
| Video aspect ratio | Select control; the chosen value is saved on the block. Options: 16:9; 4:3; 1:1. block.json default: 16/9. Saved as `videoAspect`. |
| Card radius (px) | Numeric range control in the inspector. Range 0–40. block.json default: 14. Saved as `cardRadius`. |
| Card padding (px) | Numeric range control in the inspector. Range 8–52. block.json default: 24. Saved as `cardPadding`. |
| Card shadow | Select control; the chosen value is saved on the block. Options: None; Small; Medium; Large. block.json default: md. Saved as `cardShadow`. |
| Animate on scroll | On/off toggle in the inspector. On by default. Saved as `animate`. |
| Show star rating | On/off toggle in the inspector. On by default. Saved as `showRating`. |
| Show quote text | On/off toggle in the inspector. On by default. Saved as `showQuote`. |
| Show role | On/off toggle in the inspector. On by default. Saved as `showRole`. |
| Show company | On/off toggle in the inspector. On by default. Saved as `showCompany`. |
| Star size (px) | Numeric range control in the inspector. Range 10–28. block.json default: 16. Saved as `starSize`. |
| Padding top (px) | Numeric range control in the inspector. Range 0–200. block.json default: 40. Saved as `paddingTop`. |
| Padding bottom (px) | Numeric range control in the inspector. Range 0–200. block.json default: 40. Saved as `paddingBottom`. |
| Video URL (YouTube or Vimeo) | Text field in the inspector. |
| Quote | Multiline text field in the inspector. |
| Author name | Text field in the inspector. |
| Role | Text field in the inspector. |
| Company | Text field in the inspector. |
| Star rating | Numeric range control in the inspector. Range 1–5. |
What the front-end script actually does
- The view script reads HTML data attributes: data-embed.
- An IntersectionObserver starts work when the block enters the viewport.
When this is the right block
- Testimonial cards with embedded YouTube/Vimeo video, star rating, quote, and author. Builds deep social proof with video evidence — that is the job of Video Testimonial, not a generic content block.
- Use it when you need the editor control labeled “Columns”, which exists on this block’s inspector.
- It matches pages about testimonial, review, video.
- Inserter grouping: landing pages, campaign sections, and conversion layouts.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the Video Testimonial block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Video Testimonial”. It sits under Marketing. After insert, open Layout and set “Columns”, “Gap (px)”, “Video aspect ratio”, “Card radius (px)”.
What makes Video Testimonial different from other Blockenberg blocks?
Testimonial cards with embedded YouTube/Vimeo video, star rating, quote, and author. Builds deep social proof with video evidence. Inspector labels on this block include “Columns”, “Gap (px)”, “Video aspect ratio”, “Card radius (px)”.
Is the Video Testimonial Gutenberg block free?
Yes. Video Testimonial ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Video Testimonial 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: Layout, Display, Testimonials).
Related marketing blocks
Testimonial Card
A single embeddable testimonial card with photo, quote, rating, and platform badge. Place it anywhere in your content.
Review Showcase
Showcase aggregate ratings from review platforms (Google, G2, Trustpilot, etc.) with an optional featured testimonial.
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.
Testimonial Marquee
Infinite auto-scrolling testimonial ticker with star ratings, avatar images, and author details. Pause on hover.
Client Showcase
"Trusted by" section featuring client logos with optional tagline, grayscale hover effect, and a pull-quote from a featured client.
Social Proof Bar
Combined trust bar with avatar stack, star rating, review count, and partner / 'as seen in' logo strip.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Video Testimonial from the Gutenberg inserter.