Marketing · Gutenberg
Testimonial Marquee block for WordPress
Infinite auto-scrolling testimonial ticker with star ratings, avatar images, and author details. Pause on hover.
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
Infinite auto-scrolling testimonial ticker with star ratings, avatar images, and author details. Pause on hover.
Inspector panels on this block: Testimonials (, Display Options, Card Style. Those titles come from index.js, not from a shared template.
Behavior controls: “Direction” options: Left (→), Right (←); “Card shadow” options: None, Small, Medium, Large.
Where to find it
Gutenberg inserter → Marketing → search “Testimonial Marquee” (block name `blockenberg/testimonial-marquee` in block.json). Style it in the sidebar after insert.
How to use Testimonial Marquee block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Testimonial Marquee”, insert it. Category: Marketing.
- Configure inspector controls that exist on this block. Open Testimonials (. Set “Quote”, “Author name”, “Role / Title”, “Company”.
- Check the published page. The view script reads HTML data attributes: data-opts, data-rendered. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Quote | Text field in the inspector. Saved as `items`. |
| Author name | Text field in the inspector. Saved as `items`. |
| Role / Title | Text field in the inspector. Saved as `items`. |
| Company | Text field in the inspector. Saved as `items`. |
| Star rating | Numeric range control in the inspector. Range 1–5. Saved as `items`. |
| Rows | Numeric range control in the inspector. Range 1–2. block.json default: 1. Saved as `rows`. |
| Direction | Select control; the chosen value is saved on the block. Options: Left (→); Right (←). block.json default: left. Saved as `direction`. |
| Speed (higher = faster) | Numeric range control in the inspector. Range 10–200. block.json default: 60. Saved as `speed`. |
| Pause on hover | On/off toggle in the inspector. On by default. Saved as `pauseOnHover`. |
| Fade edges | On/off toggle in the inspector. On by default. Saved as `fadeEdges`. |
| Show stars | On/off toggle in the inspector. On by default. Saved as `showStars`. |
| Show avatar | On/off toggle in the inspector. On by default. Saved as `showAvatar`. |
| 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`. |
| Card width (px) | Numeric range control in the inspector. Range 200–600. block.json default: 340. Saved as `cardWidth`. |
| Card gap (px) | Numeric range control in the inspector. Range 8–60. block.json default: 20. Saved as `cardGap`. |
| Card radius (px) | Numeric range control in the inspector. Range 0–32. block.json default: 14. Saved as `cardRadius`. |
| Card padding (px) | Numeric range control in the inspector. Range 12–48. block.json default: 24. Saved as `cardPadding`. |
| Avatar size (px) | Numeric range control in the inspector. Range 28–72. block.json default: 44. Saved as `avatarSize`. |
| Vertical padding (px) | Numeric range control in the inspector. Range 0–100. block.json default: 40. Saved as `paddingY`. |
| Card shadow | Select control; the chosen value is saved on the block. Options: None; Small; Medium; Large. block.json default: sm. Saved as `cardShadow`. |
| Wrapper Background | Color control in the inspector. Saved as `wrapperBg`. |
| Card Background | Color control in the inspector. block.json default: #ffffff. Saved as `cardBg`. |
| Card Border | Color control in the inspector. block.json default: #e5e7eb. Saved as `cardBorder`. |
| Quote Text | Color control in the inspector. block.json default: #374151. Saved as `quoteColor`. |
| Star Color | Color control in the inspector. block.json default: #f59e0b. Saved as `starColor`. |
| Author Name | Color control in the inspector. block.json default: #111827. Saved as `authorColor`. |
| Role / Company | Color control in the inspector. block.json default: #6b7280. Saved as `roleColor`. |
| Quote Icon Color | Color control in the inspector. block.json default: #e0e7ff. Saved as `quoteIconColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Infinite auto-scrolling testimonial ticker with star ratings, avatar images, and author details. Pause on hover — that is the job of Testimonial Marquee, not a generic content block.
- Use it when you need the editor control labeled “Quote”, which exists on this block’s inspector.
- It matches pages about testimonial, review, marquee.
- 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 Testimonial Marquee block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Testimonial Marquee”. It sits under Marketing. After insert, open Testimonials ( and set “Quote”, “Author name”, “Role / Title”, “Company”.
What makes Testimonial Marquee different from other Blockenberg blocks?
Infinite auto-scrolling testimonial ticker with star ratings, avatar images, and author details. Pause on hover. Inspector labels on this block include “Quote”, “Author name”, “Role / Title”, “Company”.
Is the Testimonial Marquee Gutenberg block free?
Yes. Testimonial Marquee ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Testimonial Marquee 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: Testimonials (, Display Options, Card Style).
Related marketing blocks
Review Showcase
Showcase aggregate ratings from review platforms (Google, G2, Trustpilot, etc.) with an optional featured testimonial.
Testimonial Card
A single embeddable testimonial card with photo, quote, rating, and platform badge. Place it anywhere in your content.
Video Testimonial
Testimonial cards with embedded YouTube/Vimeo video, star rating, quote, and author. Builds deep social proof with video evidence.
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.
Social Proof Section
Complete social proof landing section combining client logos, stats, and a featured testimonial quote — all in one configurable block.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Testimonial Marquee from the Gutenberg inserter.