> 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/cart-checkout.md).

# Cart Checkout

The Cart Checkout block is the register at the end of the store. Customers add products to their cart first. Then they come to this page and pay for everything in one go.

{% hint style="info" %}
If you want a page that sells **only one product** with no cart, use Creator Checkout instead.
{% endhint %}

## Before you start

You will need all three of these:

1. North Commerce and North Commerce Blocks are installed and turned on
2. You have at least one product. If you have not made one yet, see Create a product
3. You have a way to take money turned on under **North Commerce → Settings → Payments** (Stripe, Square, PayPal, or Cash on Delivery)

If you ship a real item (not a download), turn on shipping too. Otherwise your customer can get stuck with no delivery option.

## Add the block to your Checkout page

North Commerce already creates a Checkout page for you. You usually just put this block on that page.

1. In WordPress go to **Pages**
2. Open the page named **Checkout**
3. Click the **+** button
4. Search for **Cart Checkout**
5. Click it once

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

That one block is the whole checkout. You do not add Stripe or Square as extra blocks.

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

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

## What your customer will do

After they add products and click checkout they will:

![A customer cart checkout with a product in the cart](https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2FBd8jW0lbiGxRtZuCVWEg%2Fcart-live.jpg?alt=media)

1. Type their email and name
2. Type a street address if anything in the cart needs to be shipped
3. Pick how it should be delivered (if you offer shipping)
4. Pick how to pay
5. Click **Pay**

If a card does not work they should see a plain sentence like “Your card was declined.” They can fix the card and try again.

## Make sure it works

Open your site in a new browser tab, as if you were the customer.

1. Add a product to the cart
2. Go to checkout
3. Fill in a name, email, and a street address if the product ships
4. If you are in test mode, use a test card

A test card that should work: `4111 1111 1111 1111`, any date in the future, CVC `111`

A test card that should fail: `4000 0000 0000 0002`. You should see “Your card was declined.”

When a good card works you should get a thank-you / order confirmation, and the order should show up under **North Commerce → Orders**.

## If something looks wrong

* **No payment boxes.** A payment method is not turned on. Go to **Settings → Payments**.
* **No shipping options.** The product is set as something that ships, but shipping is not set up yet.
* **It asks for a street address.** That is normal for anything you have to mail. Digital-only carts can skip this.
* **The cart is empty on checkout.** The customer did not add a product first. Cart Checkout does not sell a product by itself. It only charges what is already in the cart.

SEE ALSO: Creator Checkout