For the complete documentation index, see llms.txt. This page is also available as Markdown.

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

If customers should add several products to a bag first, use Cart Checkout instead.

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
  1. Click the block. In the right sidebar, pick the product this page should sell

  2. Click Publish

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

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

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.

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)