Marketing · Gutenberg

Ticket Stub block for WordPress

Stylized event ticket card with tear-off stub showing seat, row, section, barcode, and key event details.

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.

Get Blockenberg

What it actually does

Stylized event ticket card with tear-off stub showing seat, row, section, barcode, and key event details.

Inspector panels on this block: Event Info, Stub / Seat. Those titles come from index.js, not from a shared template.

Ticket Stub 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 “Ticket Stub” (block name `blockenberg/ticket-stub` in block.json). Style it in the sidebar after insert.

How to use Ticket Stub block for WordPress

  1. Install Blockenberg. Install from WordPress.org and activate the plugin.
  2. Insert the block. Edit a page, click +, search for “Ticket Stub”, insert it. Category: Marketing.
  3. Configure inspector controls that exist on this block. Open Event Info. Set “Event Name”, “Tagline”, “Date”, “Time”.
  4. Publish. Save the page. Output is the saved block HTML; typography/colors follow Blockenberg shared panels.

Inspector controls from this block’s code

ControlWhat the code does
Event NameText field in the inspector. block.json default: Summer Music Festival. Saved as `eventName`.
TaglineText field in the inspector. block.json default: General Admission. Saved as `tagline`.
DateText field in the inspector. block.json default: August 15, 2025. Saved as `eventDate`.
TimeText field in the inspector. block.json default: 7:00 PM. Saved as `eventTime`.
VenueText field in the inspector. block.json default: Central Park, New York. Saved as `venue`.
PriceText field in the inspector. block.json default: $85.00. Saved as `price`.
SectionText field in the inspector. block.json default: A. Saved as `seatSection`.
RowText field in the inspector. block.json default: 12. Saved as `seatRow`.
SeatText field in the inspector. block.json default: 24. Saved as `seatNumber`.
Ticket NumberText field in the inspector. block.json default: #00847. Saved as `ticketNumber`.
Show PriceOn/off toggle in the inspector. On by default. Saved as `showPrice`.
Show SectionOn/off toggle in the inspector. On by default. Saved as `showSection`.
Show BarcodeOn/off toggle in the inspector. On by default. Saved as `showBarcode`.
Colors — BackgroundColor control in the inspector. block.json default: #1e1b4b. Saved as `bgColor`.
Stub BackgroundColor control in the inspector. block.json default: #4c1d95. Saved as `stubBg`.
Accent ColorColor control in the inspector. block.json default: #6d28d9. Saved as `accentColor`.
Text ColorColor control in the inspector. block.json default: #ffffff. Saved as `textColor`.

When this is the right block

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 Ticket Stub block in WordPress?

Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Ticket Stub”. It sits under Marketing. After insert, open Event Info and set “Event Name”, “Tagline”, “Date”, “Time”.

What makes Ticket Stub different from other Blockenberg blocks?

Stylized event ticket card with tear-off stub showing seat, row, section, barcode, and key event details. Inspector labels on this block include “Event Name”, “Tagline”, “Date”, “Time”.

Is the Ticket Stub Gutenberg block free?

Yes. Ticket Stub ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.

Can I style Ticket Stub 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, Stub / Seat).

Related marketing blocks

Get Blockenberg

Install Blockenberg from WordPress.org, then insert Ticket Stub from the Gutenberg inserter.

Get Blockenberg