Marketing · Gutenberg
Badge Wall block for WordPress
Showcase certifications, achievements, awards, or partner logos as a styled badge grid.
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
Showcase certifications, achievements, awards, or partner logos as a styled badge grid.
Inspector panels on this block: Settings, Badges. Those titles come from index.js, not from a shared template.
Badge Wall 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 “Badge Wall” (block name `blockenberg/badge-wall` in block.json). Style it in the sidebar after insert.
How to use Badge Wall block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Badge Wall”, insert it. Category: Marketing.
- Configure inspector controls that exist on this block. Open Settings. Set “Settings — Title”, “Show Title”, “Subtitle”, “Show Subtitle”.
- 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 |
|---|---|
| Settings — Title | Text field in the inspector. block.json default: Certifications & Awards. Saved as `title`. |
| Show Title | On/off toggle in the inspector. On by default. Saved as `showTitle`. |
| Subtitle | Text field in the inspector. block.json default: Recognized by leading industry organisations. Saved as `subtitle`. |
| Show Subtitle | On/off toggle in the inspector. On by default. Saved as `showSubtitle`. |
| Columns | Numeric range control in the inspector. Range 1–8. block.json default: 4. Saved as `columns`. |
| Show Icons | On/off toggle in the inspector. On by default. Saved as `showIcon`. |
| Show Labels | On/off toggle in the inspector. On by default. Saved as `showLabel`. |
| Show Issuers | On/off toggle in the inspector. On by default. Saved as `showIssuer`. |
| Show Years | On/off toggle in the inspector. On by default. Saved as `showYear`. |
| Icon Size | Numeric range control in the inspector. Range 20–80. block.json default: 48. Saved as `iconSize`. |
| Border Radius | Numeric range control in the inspector. Range 0–32. block.json default: 14. Saved as `borderRadius`. |
| Card Padding | Numeric range control in the inspector. Range 8–48. block.json default: 22. Saved as `cardPadding`. |
| Heading | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `headingTypo`. |
| Subtitle (Subtitle Typo) | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `subtitleTypo`. |
| Label | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `labelTypo`. |
| Issuer | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `issuerTypo`. |
| Wrapper BG | Color control in the inspector. block.json default: #ffffff. Saved as `bgColor`. |
| Card BG | Color control in the inspector. block.json default: #f9fafb. Saved as `cardBg`. |
| Colors — Border | Color control in the inspector. block.json default: #e5e7eb. Saved as `borderColor`. |
| Heading | Color control in the inspector. block.json default: #111827. Saved as `headingColor`. |
| Subtitle | Color control in the inspector. block.json default: #6b7280. Saved as `subtitleColor`. |
| Label | Color control in the inspector. block.json default: #111827. Saved as `labelColor`. |
| Issuer | Color control in the inspector. block.json default: #6b7280. Saved as `issuerColor`. |
| Year | Color control in the inspector. block.json default: #9ca3af. Saved as `yearColor`. |
| Label | Text field in the inspector. |
| Issuer | Text field in the inspector. |
| Year | Text field in the inspector. |
When this is the right block
- Showcase certifications, achievements, awards, or partner logos as a styled badge grid — that is the job of Badge Wall, not a generic content block.
- Use it when you need the editor control labeled “Settings — Title”, which exists on this block’s inspector.
- 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 Badge Wall block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Badge Wall”. It sits under Marketing. After insert, open Settings and set “Settings — Title”, “Show Title”, “Subtitle”, “Show Subtitle”.
What makes Badge Wall different from other Blockenberg blocks?
Showcase certifications, achievements, awards, or partner logos as a styled badge grid. Inspector labels on this block include “Settings — Title”, “Show Title”, “Subtitle”, “Show Subtitle”.
Is the Badge Wall Gutenberg block free?
Yes. Badge Wall ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Badge Wall 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: Settings, Badges).
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 Badge Wall from the Gutenberg inserter.