> For the complete documentation index, see [llms.txt](https://docs.northcommerce.com/north-commerce/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.northcommerce.com/north-commerce/blocks/order-confirmation.md).

# Order Confirmation

The Order Confirmation block is the page the customer sees after they pay with [Cart Checkout](/north-commerce/blocks/cart-checkout.md). It shows the order number, what they bought, and what happens next.

{% hint style="info" %}
[Creator Checkout](/north-commerce/blocks/creator-checkout.md) has its own receipt on the **same page** they paid on. Do not put Order Confirmation on a Creator Checkout page. This page is only for cart orders.
{% endhint %}

## Before you start

1. North Commerce and North Commerce Blocks are installed and turned on
2. You already have a [Cart Checkout](/north-commerce/blocks/cart-checkout.md) page
3. You have a way to take money turned on under **North Commerce → Settings → Payments**

## Add it to the page after they pay

Put this block on the page [Cart Checkout](/north-commerce/blocks/cart-checkout.md) sends people to after they pay. You can name that page Order Confirmation.

1. In WordPress go to **Pages**
2. Open that page (or click **Add New Page** and name it Order Confirmation)
3. Click the **+** button
4. Search for **Order Confirmation**
5. Click it once

![Search for Order Confirmation in the block inserter](https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2FsOwmdxG7K3LNW9sCPl8R%2Feditor-add-order-confirmation.jpg?alt=media)

The header, order details, and footer all come with it.

6. Click **Update** / **Save**

{% hint style="success" %}
You only need one Order Confirmation block on the page.
{% endhint %}

The live page stays empty until someone has just paid. The block reads the order from the link they land on.

## Preview in the editor

Click the Order Confirmation block. Under **Preview**, pick a **Preview order type**:

* Physical
* Digital
* Mixed
* Subscription
* Payment plan

That switch is editor-only. It lets you see which pieces show or hide. The live page always shows the real order.

![Preview order type in the Order Confirmation sidebar](https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2FBvY8UDfufzU6mMKQp7R6%2Feditor-order-confirmation-preview.jpg?alt=media)

## What comes in the block

You can leave everything as-is. You can move or delete a piece. The pieces only work inside Order Confirmation.

### Confirmation Header

The checkmark, “Thank you, \[first name],” the order number and date, and a short line under that.

Click the line under the name to change it. You can type `{first_name}` and `{email}` — those become the buyer’s real name and email. Leave it empty to use the default words for that kind of order.

### Order Summary

What they bought, the subtotal, any discount, and the total paid. The total label starts as **Total paid**.

### Customer Information

Their email, how they paid, and the billing address.

### Shipping

Where it ships, the carrier and method, and a tracking number with a **Track package** button. This only shows when there is a shipment to track.

### Order Status & Tracking

The steps: Confirmed → Processing → Shipped → Delivered. Physical orders only.

### Downloads

Download links for files they bought. Hidden when the order has no files.

### Subscription / Payment Plan

The plan summary for a subscription or payment-plan order. Hidden for a regular one-time order.

### Continue Shopping Footer

A **Continue shopping** button, a second button, and a short trust line.

In the sidebar you can set the **Primary label** and **Primary URL**. **Secondary action** can be **Auto (by order type)**, **Resend links**, **View receipt**, **Manage subscription**, or none.

## What your customer will do

After they pay on [Cart Checkout](/north-commerce/blocks/cart-checkout.md) they land here and will:

1. See their name and order number
2. Check what they bought and what they paid
3. Download a file, if they bought one
4. See shipping and tracking, if you are mailing something
5. Click **Continue shopping** (or the second button) when they are done

## Make sure it works

Do not judge this page by opening it from **Pages**. It needs a real paid order in the link.

1. Add a product to the cart
2. Go to [Cart Checkout](/north-commerce/blocks/cart-checkout.md)
3. Pay with a test card if you are in test mode: `4111 1111 1111 1111`, any date in the future, CVC `111`
4. You should land on Order Confirmation with the order number
5. The same order should show under **North Commerce → Orders**

## If something looks wrong

* **The page is empty.** You opened it without paying, or the link is missing the order. Place a test order and follow the redirect.
* **This is a Creator Checkout sale.** That flow keeps the receipt on the Creator Checkout page. Use this block only after [Cart Checkout](/north-commerce/blocks/cart-checkout.md).
* **No shipping or tracking.** The order has no shipment yet, or it is a digital order. That is normal.
* **No downloads.** The order has no files.
* **Wrong page after pay.** Your checkout is not sending people to the page that has this block.

SEE ALSO: [Cart Checkout](/north-commerce/blocks/cart-checkout.md) · [Creator Checkout](/north-commerce/blocks/creator-checkout.md) · [Account](/north-commerce/blocks/account.md)