Marketing · Gutenberg
Testimonial Carousel block for WordPress
Auto-playing testimonial slider with stars, avatars, and dot/arrow navigation.
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
Auto-playing testimonial slider with stars, avatars, and dot/arrow navigation.
Inspector panels on this block: Testimonials, Carousel Settings, Card Style. Those titles come from index.js, not from a shared template.
Behavior controls: “Card Alignment” options: Center, Left.
Where to find it
Gutenberg inserter → Marketing → search “Testimonial Carousel” (block name `blockenberg/testimonial-carousel` in block.json). Style it in the sidebar after insert.
How to use Testimonial Carousel block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Testimonial Carousel”, insert it. Category: Marketing.
- Configure inspector controls that exist on this block. Open Testimonials. Set “Quote”, “Author Name”, “Role / Company”, “Stars”.
- Check the published page. The view script reads HTML data attributes: data-autoplay, data-dots, data-hover, data-loop, data-speed. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Quote | Multiline text field in the inspector. |
| Author Name | Text field in the inspector. |
| Role / Company | Text field in the inspector. |
| Stars | Numeric range control in the inspector. Range 1–5. |
| Autoplay | On/off toggle in the inspector. On by default. Saved as `autoplay`. |
| Autoplay Speed (ms) | Numeric range control in the inspector. Range 1000–8000. block.json default: 3500. Saved as `speed`. |
| Pause on Hover | On/off toggle in the inspector. On by default. Saved as `pauseOnHover`. |
| Loop | On/off toggle in the inspector. On by default. Saved as `loop`. |
| Show Arrows | On/off toggle in the inspector. On by default. Saved as `showArrows`. |
| Show Dots | On/off toggle in the inspector. On by default. Saved as `showDots`. |
| Show Stars | On/off toggle in the inspector. On by default. Saved as `showStars`. |
| Card Alignment | Select control; the chosen value is saved on the block. Options: Center; Left. block.json default: center. Saved as `cardAlign`. |
| Border Radius (px) | Numeric range control in the inspector. Range 0–40. block.json default: 16. Saved as `borderRadius`. |
| Card Padding (px) | Numeric range control in the inspector. Range 12–80. block.json default: 36. Saved as `cardPadding`. |
| Wrapper Background | Color control in the inspector. block.json default: #f8f7ff. Saved as `bgColor`. |
| Card Background | Color control in the inspector. block.json default: #ffffff. Saved as `cardBg`. |
| Text Color | Color control in the inspector. block.json default: #222222. Saved as `textColor`. |
| Accent / Quote Mark | Color control in the inspector. block.json default: #6c3fb5. Saved as `accentColor`. |
| Star Color | Color control in the inspector. block.json default: #f5a623. Saved as `starColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-autoplay, data-dots, data-hover, data-loop, data-speed.
- Keyboard handlers move focus between items.
When this is the right block
- Auto-playing testimonial slider with stars, avatars, and dot/arrow navigation — that is the job of Testimonial Carousel, 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, carousel, slider.
- 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 Carousel block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Testimonial Carousel”. It sits under Marketing. After insert, open Testimonials and set “Quote”, “Author Name”, “Role / Company”, “Stars”.
What makes Testimonial Carousel different from other Blockenberg blocks?
Auto-playing testimonial slider with stars, avatars, and dot/arrow navigation. Inspector labels on this block include “Quote”, “Author Name”, “Role / Company”, “Stars”.
Is the Testimonial Carousel Gutenberg block free?
Yes. Testimonial Carousel ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Testimonial Carousel 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, Carousel Settings, Card Style).
Related marketing blocks
Split Testimonial
Hero-size featured testimonial with large pull-quote, author photo, name, title, company, star rating, and full accent/background controls.
Testimonial Card
A single embeddable testimonial card with photo, quote, rating, and platform badge. Place it anywhere in your content.
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 Grid
Static masonry-style grid of testimonial cards with stars, avatars, and author details.
Review Showcase
Showcase aggregate ratings from review platforms (Google, G2, Trustpilot, etc.) with an optional featured testimonial.
Testimonial Marquee
Infinite auto-scrolling testimonial ticker with star ratings, avatar images, and author details. Pause on hover.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Testimonial Carousel from the Gutenberg inserter.