Blog · Gutenberg
Event Debrief block for WordPress
Post-event recap: highlights, attendee quotes, outcomes, and lessons learned.
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
Post-event recap: highlights, attendee quotes, outcomes, and lessons learned.
Inspector panels on this block: Event Info, Stats, Summary, Highlights, Attendee Quotes, Key Outcomes, Lessons Learned, Next Event. Those titles come from index.js, not from a shared template.
Behavior controls: “Event Type” options: 🎪 Conference, 💻 Webinar, 🤝 Meetup, 🛠️ Workshop.
Where to find it
Gutenberg inserter → Blog → search “Event Debrief” (block name `blockenberg/event-debrief` in block.json). Style it in the sidebar after insert.
How to use Event Debrief block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Event Debrief”, insert it. Category: Blog.
- Configure inspector controls that exist on this block. Open Event Info. Set “Event Name”, “Event Type”, “Date”, “Location”.
- 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 |
|---|---|
| Event Name | Text field in the inspector. block.json default: LeadDev Berlin 2026. Saved as `eventName`. |
| Event Type | Select control; the chosen value is saved on the block. Options: 🎪 Conference; 💻 Webinar; 🤝 Meetup; 🛠️ Workshop. block.json default: conference. Saved as `eventType`. |
| Date | Text field in the inspector. block.json default: February 20–21, 2026. Saved as `eventDate`. |
| Location | Text field in the inspector. block.json default: Berlin, Germany. Saved as `eventLocation`. |
| Show Stats | On/off toggle in the inspector. On by default. Saved as `showStats`. |
| In-Person Attendees | Text field in the inspector. block.json default: 1200. Saved as `attendees`. |
| Online Attendees | Text field in the inspector. block.json default: 3400. Saved as `onlineAttendees`. |
| NPS Score | Numeric range control in the inspector. Range 0–100. block.json default: 72. Saved as `nps`. |
| Show Summary | On/off toggle in the inspector. On by default. Saved as `showSummary`. |
| Summary | Multiline text field in the inspector. block.json default: LeadDev Berlin brought together engineering leaders from across Europe and beyond for two days of talks, workshops, and deep conversations about scaling teams, building resilient systems, and leading with empathy in high-growth environments.. Saved as `summary`. |
| Show Highlights | On/off toggle in the inspector. On by default. Saved as `showHighlights`. |
| Section Label | Text field in the inspector. block.json default: Event Highlights. Saved as `highlightsLabel`. |
| Highlights — Title | Text field in the inspector. Saved as `highlights`. |
| Description | Multiline text field in the inspector. Saved as `highlights`. |
| Show Quotes | On/off toggle in the inspector. On by default. Saved as `showQuotes`. |
| Section Label (Quotes Label) | Text field in the inspector. block.json default: Attendee Voices. Saved as `quotesLabel`. |
| Quote | Multiline text field in the inspector. Saved as `quotes`. |
| Speaker | Text field in the inspector. Saved as `quotes`. |
| Role / Company | Text field in the inspector. Saved as `quotes`. |
| Show Outcomes | On/off toggle in the inspector. On by default. Saved as `showOutcomes`. |
| Section Label (Outcomes Label) | Text field in the inspector. block.json default: Key Outcomes. Saved as `outcomesLabel`. |
| Show Lessons | On/off toggle in the inspector. On by default. Saved as `showLessons`. |
| Section Label (Lessons Label) | Text field in the inspector. block.json default: Lessons Learned. Saved as `lessonsLabel`. |
| Show Next Event | On/off toggle in the inspector. On by default. Saved as `showNextEvent`. |
| Event Name (Next Event Name) | Text field in the inspector. block.json default: LeadDev London 2026. Saved as `nextEventName`. |
| Date (Next Event Date) | Text field in the inspector. block.json default: June 12–13, 2026. Saved as `nextEventDate`. |
| URL | Text field in the inspector. block.json default: #. Saved as `nextEventUrl`. |
| Typography — Title | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoTitle`. |
| Body Text | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoBody`. |
| Border Radius (px) | Numeric range control in the inspector. Range 0–24. block.json default: 12. Saved as `borderRadius`. |
| Header BG | Color control in the inspector. block.json default: #1e1b4b. Saved as `headerBg`. |
| Header Text | Color control in the inspector. block.json default: #ffffff. Saved as `headerColor`. |
| Meta Text | Color control in the inspector. block.json default: #a5b4fc. Saved as `metaColor`. |
| Block BG | Color control in the inspector. block.json default: #ffffff. Saved as `bgColor`. |
| Header & Layout — Border | Color control in the inspector. block.json default: #e5e7eb. Saved as `borderColor`. |
| Accent | Color control in the inspector. block.json default: #6366f1. Saved as `accentColor`. |
| Stat BG | Color control in the inspector. block.json default: #f5f3ff. Saved as `statBg`. |
| Stat Number | Color control in the inspector. block.json default: #4338ca. Saved as `statColor`. |
| Highlight BG | Color control in the inspector. block.json default: #f8fafc. Saved as `highlightBg`. |
| Highlight Border | Color control in the inspector. block.json default: #6366f1. Saved as `highlightBorder`. |
| Quote BG | Color control in the inspector. block.json default: #f5f3ff. Saved as `quoteBg`. |
| Quote Text | Color control in the inspector. block.json default: #4338ca. Saved as `quoteColor`. |
| Quote Border | Color control in the inspector. block.json default: #818cf8. Saved as `quoteBorder`. |
| Outcomes Color | Color control in the inspector. block.json default: #166534. Saved as `outcomeColor`. |
| Lessons Color | Color control in the inspector. block.json default: #92400e. Saved as `lessonColor`. |
| Next Event BG | Color control in the inspector. block.json default: #1e1b4b. Saved as `nextEventBg`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Post-event recap: highlights, attendee quotes, outcomes, and lessons learned — that is the job of Event Debrief, not a generic content block.
- Use it when you need the editor control labeled “Event Name”, which exists on this block’s inspector.
- It matches pages about event, debrief, recap.
- Inserter grouping: posts, magazines, and editorial WordPress pages.
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 Event Debrief block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Event Debrief”. It sits under Blog. After insert, open Event Info and set “Event Name”, “Event Type”, “Date”, “Location”.
What makes Event Debrief different from other Blockenberg blocks?
Post-event recap: highlights, attendee quotes, outcomes, and lessons learned. Inspector labels on this block include “Event Name”, “Event Type”, “Date”, “Location”.
Is the Event Debrief Gutenberg block free?
Yes. Event Debrief ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Event Debrief 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: Event Info, Stats, Summary, Highlights).
Related blog blocks
Event Recap
Post-event summary with key stats, highlights and next event info.
Meeting Recap
Structured meeting notes with attendees, agenda, decisions, action items, and next steps.
Article Header
Rich editorial-style article/blog post header with category badge, headline, subheadline, author meta bar, and optional hero image.
Article Series
Multi-part series navigator showing all articles with the current one highlighted and progress indicator.
Book Review
Rich book review block with cover image, star rating, details grid, pros & cons, and Schema.org Book + Review structured data for SEO.
Book Shelf
A visual reading list with a realistic bookshelf view, cards layout, or list — complete with ratings, reading status, and genre tags.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Event Debrief from the Gutenberg inserter.