Receipt
A post-purchase confirmation block. Renders the order summary, total, and a thank-you message after a successful checkout. Designed to drop onto the page that the customer is redirected to after the order completes.
The block reads order data from the URL (order ID + token) — there are no data fields to edit in the panel.
When to use it
- Order-confirmation / post-checkout page
- Subscription-signup confirmation page
When not to use it
- Pre-purchase pages — use Checkout
- Generic success message after a non-purchase form — use the
Contact form's Show Message mode instead
Colours (2-up row)
- Text — body text colour (default: dark)
- Accent — accent / icon / highlight colour (default:
#999)
Sliders
- Width — 200–600px (default: 300). Block max width.
- Radius — 0–24px (default: 8). Outer corner roundness.
Entrance animation
Standard widget at the bottom.
Per-device overrides
Colours, Width, Radius have per-device values.
Common overrides:
- Width — wider on mobile (100% of column)
Common patterns
Standard order confirmation
Text dark · Accent dark · Width 480 · Radius 12. Place on the page that the order redirects to (set in checkout settings).
Minimal text-only thank-you
Text dark · Accent muted grey · Width 360 · Radius 0. Pair with a Heading above and a Continue shopping Button below.
Branded confirmation card
Text dark · Accent matches brand · Radius 16 · Width 520. Wrap the block in a Section with a soft background to give it prominence.
Related
blocks/checkout— the pre-purchase form whose redirect landsblocks/products— for you might also like rows below theblocks/section— wrap Thank You in a Section for full-page
the customer here
thank-you card
layout treatment