Docs Block Reference Receipt

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 lands
  • the customer here

  • blocks/products — for you might also like rows below the
  • thank-you card

  • blocks/section — wrap Thank You in a Section for full-page
  • layout treatment