Marketing · Gutenberg
Customer Results block for WordPress
Customer success stories with company logo, author quote, key outcome metrics, and industry tags.
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
Customer success stories with company logo, author quote, key outcome metrics, and industry tags.
Inspector panels on this block: Content, Layout, Customer Stories. Those titles come from index.js, not from a shared template.
Behavior controls: “Layout” options: Grid, List (horizontal), Featured First.
Where to find it
Gutenberg inserter → Marketing → search “Customer Results” (block name `blockenberg/customer-results` in block.json). Style it in the sidebar after insert.
How to use Customer Results block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Customer Results”, insert it. Category: Marketing.
- Configure inspector controls that exist on this block. Open Content. Set “Eyebrow”, “Heading”, “Subtext”, “Columns (grid)”.
- 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 |
|---|---|
| Eyebrow | Text field in the inspector. block.json default: Customer Success. Saved as `eyebrow`. |
| Heading | Text field in the inspector. block.json default: Real Teams, Real Results. Saved as `heading`. |
| Subtext | Text field in the inspector. block.json default: See how companies like yours are achieving measurable growth with Blockenberg.. Saved as `subtext`. |
| Layout | Select control; the chosen value is saved on the block. Options: Grid; List (horizontal); Featured First. block.json default: grid. Saved as `layout`. |
| Columns (grid) | Numeric range control in the inspector. Range 1–4. block.json default: 3. Saved as `columns`. |
| Show Company Logo | On/off toggle in the inspector. On by default. Saved as `showLogo`. |
| Show Author | On/off toggle in the inspector. On by default. Saved as `showAuthor`. |
| Show Metrics | On/off toggle in the inspector. On by default. Saved as `showMetrics`. |
| Show Tags | On/off toggle in the inspector. On by default. Saved as `showTags`. |
| Max Width | Numeric range control in the inspector. Range 600–1600. block.json default: 1200. Saved as `maxWidth`. |
| Padding Top | Numeric range control in the inspector. Range 0–200. block.json default: 80. Saved as `paddingTop`. |
| Padding Bottom | Numeric range control in the inspector. Range 0–200. block.json default: 80. Saved as `paddingBottom`. |
| Colors — Background | Color control in the inspector. block.json default: #f8fafc. Saved as `bgColor`. |
| Heading | Color control in the inspector. block.json default: #111827. Saved as `headingColor`. |
| Subtext | Color control in the inspector. block.json default: #6b7280. Saved as `subColor`. |
| Eyebrow | Color control in the inspector. block.json default: #6366f1. Saved as `eyebrowColor`. |
| Card Background | Color control in the inspector. block.json default: #ffffff. Saved as `cardBg`. |
| Card Border | Color control in the inspector. block.json default: #e2e8f0. Saved as `cardBorder`. |
| Quote Text | Color control in the inspector. block.json default: #374151. Saved as `quoteColor`. |
| Author Name | Color control in the inspector. block.json default: #111827. Saved as `authorColor`. |
| Author Title | Color control in the inspector. block.json default: #6b7280. Saved as `titleColor`. |
| Metric Number | Color control in the inspector. block.json default: #6366f1. Saved as `metricNumColor`. |
| Metric Label | Color control in the inspector. block.json default: #6b7280. Saved as `metricLabelColor`. |
| Tag Background | Color control in the inspector. block.json default: #ede9fe. Saved as `tagBg`. |
| Tag Text | Color control in the inspector. block.json default: #6d28d9. Saved as `tagColor`. |
| Eyebrow (Typo Eyebrow) | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoEyebrow`. |
| Heading (Typo Heading) | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoHeading`. |
| Subtext (Typo Subtext) | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoSubtext`. |
| Metric number font size (px) | Numeric range control in the inspector. Range 16–48. block.json default: 28. Saved as `metricNumFontSize`. |
| Metric label font size (px) | Numeric range control in the inspector. Range 10–18. block.json default: 13. Saved as `metricLabelFontSize`. |
| Company Name | Text field in the inspector. |
| Quote | Multiline text field in the inspector. |
| Author Name | Text field in the inspector. |
| Author Title | Text field in the inspector. |
| Tags (comma-separated) | Text field in the inspector. |
| Value | Text field in the inspector. |
| Label | Text field in the inspector. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Customer success stories with company logo, author quote, key outcome metrics, and industry tags — that is the job of Customer Results, not a generic content block.
- Use it when you need the editor control labeled “Eyebrow”, which exists on this block’s inspector.
- 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 Customer Results block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Customer Results”. It sits under Marketing. After insert, open Content and set “Eyebrow”, “Heading”, “Subtext”, “Columns (grid)”.
What makes Customer Results different from other Blockenberg blocks?
Customer success stories with company logo, author quote, key outcome metrics, and industry tags. Inspector labels on this block include “Eyebrow”, “Heading”, “Subtext”, “Columns (grid)”.
Is the Customer Results Gutenberg block free?
Yes. Customer Results ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Customer Results 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: Content, Layout, Customer Stories).
Related marketing blocks
Affiliate Disclosure
Styled FTC-compliant affiliate link disclosure notice for articles and reviews. Distinct from Affiliate Review Box — this is the small legal notice, not a full product review.
Affiliate Review Box
Structured product review block with score badge, pros & cons columns, verdict summary, price display, and affiliate CTA button.
Affiliate Section
Affiliate/referral program landing section with commission highlight, how-it-works steps, benefits list, and stats.
Age Gate
Age verification overlay that protects page content behind a customizable age confirmation dialog.
Announcement Strip
A thin dismissible announcement bar — ideal above the site header for promotions, launches, or alerts.
App Download
Ready-made app promotion section with iOS / Android badges, device screenshot, heading, subtitle, ratings/reviews, and full background controls.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Customer Results from the Gutenberg inserter.