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

# Creator Checkout

The Creator Checkout block is a one-product order form. The page itself is the store. There is no cart.

![A live Creator Checkout for one product](https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2F4zcV8qilUEt5WFVlSDT2%2Fcreator-live.jpg?alt=media)

{% hint style="info" %}
If customers should add several products to a bag first, use Cart Checkout instead.
{% endhint %}

## Before you start

1. North Commerce and North Commerce Blocks are installed and turned on
2. The product you want to sell already exists. See Create a product
3. You have a way to take money turned on under North Commerce, Settings, Payments

## Add it to a page

1. In WordPress go to Pages, Add New Page
2. Name it something people will understand, like Buy the blue mug
3. Click +, search Creator Checkout, click it once

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

4. Click the block. In the right sidebar, pick the product this page should sell
5. Click Publish

{% hint style="success" %}
If you skip picking a product, the page has nothing to sell.
{% endhint %}

## How the checkout can look

Click the Creator Checkout block. In the sidebar, look for Checkout Type. There are three starting layouts:

1. Standard Checkout. This is the default. Product, name, email, pay button.
2. Standard Checkout With Add-Ons. Same as standard, plus a list of extra products the customer can add on.
3. Donations / Pay What You Want. The customer chooses how much to pay. Quantity stays at 1.

![Checkout Type in the sidebar: Standard, With Add-Ons, Donations / Pay What You Want](https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2FrCYHoyT3xfzGomQUrnZC%2Feditor-checkout-type.jpg?alt=media)

The page also changes on its own:

* If the product ships, the street address shows. If it is a download, the address hides.
* If the product has sizes or colors, those options show.
* After they pay, the form turns into a thank-you note on the same page.

## What comes in the default block

Standard Checkout already includes:

* Product image, title, and description
* Quantity
* Product options, if the product has them
* Email, first name, and last name
* Street address (hides on digital products)
* Discount code box (delete this if you do not use codes)
* Order total
* Payment boxes and the pay button
* The thank-you note after they pay

Leave that as-is if you want the easy path. Click a piece and delete it if you want a simpler page. Do not delete the pay button or the email field.

## Extra blocks you can add

These are not in the default Standard Checkout. You add them yourself.

Click once inside the Creator Checkout block. Click +. Search for the name.

* Add-ons. Extra products the customer can turn on. Or switch Checkout Type to Standard Checkout With Add-Ons and it is already there.
* Subscription Picker. Lets the customer choose one-time vs subscribe, and see the repeating price. Add this if the product has a subscription plan. It does nothing if the product has no plan.
* Shipping Method. Delivery options, if you ship a real item and offer more than one way to send it.
* Customer Phone. Adds a phone field.
* Pay What You Want Amount. The amount picker for donations. Already included if you picked Donations / Pay What You Want.
* Express Payments. Apple Pay, Google Pay, or Link, if those are turned on.
* Custom Checkout Field. A field you already created under Settings, Checkout fields, like a gift note.

![North Commerce blocks you can add inside Creator Checkout](https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2FJbGLFnfLg6mV1qVIklSY%2Feditor-extra-blocks.jpg?alt=media)

{% hint style="info" %}
The extra block has to sit inside the Creator Checkout block. If you drop it on the page next to it, it will not work.
{% endhint %}

## After someone pays

The same block turns into the thank-you note. To send them to a different thank-you page instead, click the Creator Checkout block and paste that page full web address into the redirect setting.

## Make sure it works

Open the page in a new tab as if you were the customer.

1. You should see the product name and price
2. Type a name, email, and a street address if it ships
3. If you added Subscription Picker or Add-ons, try those too
4. In test mode, pay with 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.

Then check North Commerce, Orders.

## If something looks wrong

* No product or no price. You did not pick a product, or the product has no price.
* No payment boxes. Turn on a payment method under Settings, Payments.
* It asks for a street address. The product is set as something you ship.
* No add-ons or subscribe choice. Those blocks are not in the default. Add them, or switch Checkout Type to Standard Checkout With Add-Ons.
* You wanted a different product. Click the block and pick again. One page sells one product.

SEE ALSO: Cart Checkout and Single Page Checkout (the older shortcode)