Booking Confirmation Card
Post-booking summary card with meeting title, attendee avatars, dual-timezone times, add-to-calendar buttons, and a cancellation policy note.
Post-booking summary card with meeting title, attendee avatars, dual-timezone times, add-to-calendar buttons, and a cancellation policy note.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Booking Confirmation Card is the post-booking summary card for a confirmed Product strategy sync between Avery Stone and Marcus Kim on Thursday, June 19, 2026. It shows both attendees with stacked avatars, the meeting time in both timezones (10:00 AM to 10:30 AM EDT and 11:00 PM to 11:30 PM KST), three add-to-calendar buttons for Google, Apple, and Outlook, reschedule and cancel links, and the honest note: cancellations free the slot immediately for others.
Meeting data is one const object; calendar links are a short const array. The Info note earns its space by explaining the real consequence of cancellation rather than hiding it behind a generic warning.
Reach for this block as the confirmation screen after a booking is saved, wired to your meeting record and the signed-in user timezone. Swap the confirmation ID and timezone strings from your booking response.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the post-booking confirmation for a scheduling tool. Other confirmation cards:
Tip: always show both timezones on the confirmation card; the guest screenshot is how the time travels across email threads.