Order confirmed (receipt page)

The page buyers land on after paying: order number and date, what they bought, totals, shipping address and what happens next. Reads the Stripe checkout session from ?session_id=.

commercecheckoutorderreceiptconfirmationthank-youstripedynamic

About this block

A receipt page for after checkout. It reads the order from the ?session_id= Stripe adds to the return link, so buyers see exactly what they paid for. Opened without an order (or after 48 hours) it shows a short note instead of a blank page.

When to use it

  • As the page every Checkout button sends buyers to after they pay.
  • When you want buyers to see their order on your site, not only in their email.

What's inside

  • A loop over the order data (the order provider, collection session), fed by the url:session_id Stripe adds to the return link.
  • Order number and date, a thank-you heading and a line about the receipt email.
  • Line items with quantity and price, then subtotal, shipping, discount, tax and total.
  • The shipping address, three next steps, and buttons to keep shopping or open the account page.
  • An empty state for when there's no order to show.

How to customize it

  • Put this block on its own page, then set data-cart-success on every checkout button (data-cart="checkout") to that page’s path, for example /order-confirmed.
  • Point the buttons at your shop and account pages if they aren't /shop and /account.
  • Rewrite the next steps to match how you ship.

Questions

Why is the page empty when I open it?
It shows an order only when the link carries a Stripe session id, which happens right after checkout. Opened directly it shows the empty state.
How long does the order show?
For 48 hours after checkout. After that the page shows the empty state, and the receipt email still has every detail.

Browse other blocks

Same library cards — preview live and grab the code from any block.

View full library

Shopping cart drawer

Pre-styled slide-out shopping cart with header, item list, checkout button, and continue shopping link. Drop onto any page to enable cart functionality.

Live product grid (Stripe)

Data-bound product card grid that repeats for each Stripe product. Connect Stripe to populate automatically.

Product scroll strip (Stripe)

Compact horizontal scrolling product strip with small cards. Great for related products or upsells.

Storefront search bar

Search input that filters the product list on the same page. Updates ?q= in the URL so results are shareable and SSR-rendered.

Storefront product detail

Full product detail page: image gallery on the left (up to 4 thumbnails that swap the main photo), and title, price, description, option chips for each variant (like size or color), a quantity field, Add to Cart and Buy Now on the right. Bound to the singular 'product' Stripe collection, resolved by slug from the URL.

Storefront category nav

Horizontal category chips pulled live from Stripe products (metadata.category). Clicking a chip filters the product grid via ?category=.

Featured product spotlight (Stripe)

Data-bound hero showcasing a single featured product with large image, title, description, price, and buy button.

Storefront filter sidebar

Compact filter row with price range inputs and a sort dropdown. Writes ?minPrice, ?maxPrice, ?sort to the URL — SSR + client refetch handle the rest.

Storefront pagination

Prev / Next navigation for paged product lists. Reads ?page= and writes the next/prev value on click.

Storefront facet filter

Shopify-style dropdown filter bar for a storefront. One dropdown per filterable product field (Color, Size, Material — whatever your catalog has) plus a Price range dropdown. Each value shows a live count that updates as other filters change, and values with no matching products are hidden. Facets come from your site's products collection, which is created when you sync Stripe products or import from Shopify.

Customer account (sign-in, profile and orders)

One account page for a shop: signed-out visitors get the email sign-in form; signed-in customers see their name, order count, total spent, order history with tracking links, and a sign-out button.

Mini cart bar

Fixed bottom bar showing cart item count, subtotal, and a checkout button. Hidden until the cart has at least one item. A compact alternative to the full cart drawer for simpler stores.