Checkout
gateway.

Physical and Digital items flow into one checkout payload. This page is structured for payment integration now: customer details, cart data, totals, and a clean endpoint call.

Start Checkout Review Bag

Cart dataPhysical and Digital items merge into one payload.

Customer dataName, email, handle, delivery, and contact fields are captured.

Payment endpointButton calls a configurable backend route for checkout.

Future safeStripe, PayPal, or custom checkout can plug into the same structure.

Checkout details.

Same LARP Shop flow, but prepared for real checkout integration instead of a dead-end static form.

Customer info.

These fields become part of the checkout payload sent to the payment backend.

Name

Handle

Checkout type

Payment provider

Contact method

Shipping address for Physical

Notes / delivery instructions

Payment integration.

The main button is wired for an endpoint. When the backend is ready, this page sends the checkout payload and redirects to the returned checkout URL.

Integration target Default endpoint: /api/create-checkout-session. Your backend should accept item IDs and quantities, validate prices server-side, create the Stripe/PayPal session, then return { "checkoutUrl": "..." }.

Checkout endpoint is ready to connect. Add items and customer info, then use Continue to checkout.

Set the real endpoint inside site-config.js when the backend route is live.

How it connects.

Frontend is now structured for checkout. Backend creates the payment session.

1Add itemsBuild the bag from Physical, Digital, or both.

2Build payloadThe checkout page collects customer, cart, totals, and notes.

3Call backendThe button posts to your checkout endpoint.

4RedirectBackend returns the checkout URL and the user gets sent there.