Business · Gutenberg
Event Agenda block for WordPress
A conference or event schedule showing day tabs, time slots, session titles, speaker info, rooms, and session types.
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
A conference or event schedule showing day tabs, time slots, session titles, speaker info, rooms, and session types.
Inspector panels on this block: Display, Session Types, Card & Sizes, Agenda Days & Sessions. Those titles come from index.js, not from a shared template.
Behavior controls: “Session style” options: Cards, List; “Tab style” options: Pill, Underline, Flat; “Time format” options: 12-hour (9:00 AM), 24-hour (09:00); “Type” options: Keynote, Talk, Workshop, Break.
Where to find it
Gutenberg inserter → Business → search “Event Agenda” (block name `blockenberg/event-agenda` in block.json). Style it in the sidebar after insert.
How to use Event Agenda block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Event Agenda”, insert it. Category: Business.
- Configure inspector controls that exist on this block. Open Display. Set “Show day tabs”, “Speaker avatar”, “Speaker role”, “Speaker company”.
- Check the published page. An IntersectionObserver starts work when the block enters the viewport. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Show day tabs | On/off toggle in the inspector. On by default. Saved as `showDayTabs`. |
| Speaker avatar | On/off toggle in the inspector. On by default. Saved as `showSpeakerAvatar`. |
| Speaker role | On/off toggle in the inspector. On by default. Saved as `showSpeakerRole`. |
| Speaker company | On/off toggle in the inspector. On by default. Saved as `showSpeakerCompany`. |
| Room | On/off toggle in the inspector. On by default. Saved as `showRoom`. |
| Duration | On/off toggle in the inspector. On by default. Saved as `showDuration`. |
| Tags | On/off toggle in the inspector. On by default. Saved as `showTags`. |
| Timeline bar | On/off toggle in the inspector. On by default. Saved as `timelineBar`. |
| Session style | Select control; the chosen value is saved on the block. Options: Cards; List. block.json default: card. Saved as `sessionStyle`. |
| Tab style | Select control; the chosen value is saved on the block. Options: Pill; Underline; Flat. block.json default: pill. Saved as `tabStyle`. |
| Time format | Select control; the chosen value is saved on the block. Options: 12-hour (9:00 AM); 24-hour (09:00). block.json default: 12h. Saved as `timeFormat`. |
| Label | Text field in the inspector. Saved as `sessionTypes`. |
| Card radius (px) | Numeric range control in the inspector. Range 0–24. block.json default: 12. Saved as `cardRadius`. |
| Card padding (px) | Numeric range control in the inspector. Range 8–40. block.json default: 20. Saved as `cardPadding`. |
| Avatar size (px) | Numeric range control in the inspector. Range 28–72. block.json default: 44. Saved as `avatarSize`. |
| Tag radius (px) | Numeric range control in the inspector. Range 0–12. block.json default: 4. Saved as `tagRadius`. |
| Session Title | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoSessionTitle`. |
| Speaker Name | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoSpeaker`. |
| Meta / Time / Tags | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoMeta`. |
| Tab Label | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoTab`. |
| Padding top (px) | Numeric range control in the inspector. Range 0–200. block.json default: 64. Saved as `paddingTop`. |
| Padding bottom (px) | Numeric range control in the inspector. Range 0–200. block.json default: 64. Saved as `paddingBottom`. |
| Day label | Text field in the inspector. |
| Time | Text field in the inspector. |
| Duration | Text field in the inspector. |
| Type | Select control; the chosen value is saved on the block. Options: Keynote; Talk; Workshop; Break. |
| Agenda Days & Sessions — Title | Text field in the inspector. |
| Speaker | Text field in the inspector. |
| Role | Text field in the inspector. |
| Company | Text field in the inspector. |
| Room | Text field in the inspector. |
| Tags (comma-separated) | Text field in the inspector. |
What the front-end script actually does
- An IntersectionObserver starts work when the block enters the viewport.
- Keyboard handlers move focus between items.
When this is the right block
- A conference or event schedule showing day tabs, time slots, session titles, speaker info, rooms, and session types — that is the job of Event Agenda, not a generic content block.
- Use it when you need the editor control labeled “Show day tabs”, which exists on this block’s inspector.
- It matches pages about agenda, schedule, event.
- Inserter grouping: company, service, and operations 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 Agenda block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Event Agenda”. It sits under Business. After insert, open Display and set “Show day tabs”, “Speaker avatar”, “Speaker role”, “Speaker company”.
What makes Event Agenda different from other Blockenberg blocks?
A conference or event schedule showing day tabs, time slots, session titles, speaker info, rooms, and session types. Inspector labels on this block include “Show day tabs”, “Speaker avatar”, “Speaker role”, “Speaker company”.
Is the Event Agenda Gutenberg block free?
Yes. Event Agenda ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Event Agenda 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: Display, Session Types, Card & Sizes, Agenda Days & Sessions).
Related business blocks
Event Card
Event display card with date, time, venue, description, speakers, call-to-action button, and Event JSON-LD structured data.
Event Speakers
Showcase event or conference speakers with bios, session info, and social links.
Speaker Lineup
Event/conference speaker lineup section with avatar, topic, bio, and social links. Perfect for summits, webinars, and courses.
Business Hours
Display business opening hours with current status indicator.
Roadmap
Horizontal future roadmap with quarter/milestone cards, status tags and connector arrows.
Story Section
Full-width founder or brand story section with photo, pull quote, and milestones.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Event Agenda from the Gutenberg inserter.