Checkout Sections
The part the buyer actually presses.
Product sections show the item. Checkout sections take the money. A page that sells needs both, and forgetting the second is the single most common reason a Space looks finished but has never taken an order.
Cart-based vs single-item
Single-item checkout
The buyer presses one button and pays for one thing. No cart, no quantity picker, no review step. Fewer steps means fewer people leaving.
- Stripe Single Product — a button wired to one item.
- Sticky Product Checkout — the same, pinned to the bottom of the screen so it stays reachable while the buyer scrolls.
- Learn More Single Product Checkout — pairs the buy button with a link out to more detail.
Cart-based checkout
The buyer can add several items before paying. Use this when someone is likely to buy more than one thing in a visit — a shop or a menu.
- Cart — shows what has been added and totals it up.
- Sticky Checkout — a persistent bar with the running total and a checkout button.
Alternative payment buttons
If you would rather not run a card checkout at all, these send the buyer to a payment app instead. They do not track stock and they do not create an order in Jot — you are reconciling by hand.
- Cash App, Venmo and PayPal buttons, in cart-based and standalone forms.
Placement
Put the checkout below the thing it is buying, and consider a sticky variant on any page long enough to scroll. A buy button that has scrolled off the screen is a buy button that does not get pressed.
Testing before you go live
- Switch your Stripe keys to test keys.
- Open your live page on a phone, not just the builder preview.
- Buy your own product with Stripe’s test card number.
- Check the order appears under Account → Orders and that stock came down.
- Swap back to live keys.