Docs
Dashboard

From product to first order

Last updated View as Markdown

From product to first order

Follow one Copenhagen Lamp from its prepared catalog state to an order you can inspect in Admin. Use the existing product and IDs from catalog setup throughout the walkthrough.

Before you begin

Complete Configure a store and Create and publish a product. Retain the project slug, store, price channel, and variant IDs. Configure the shipping, tax, and test payment method required by your checkout. Use a test environment and test payment flow for this walkthrough.

1. Verify the buyer’s view

Code in graphql

Expect LAMP-BLACK with the configured EUR price and purchase availability. Do not continue if a different context produced the price you expect. Use Catalog visibility to correct missing prerequisites.

2. Create one cart

Use the complete Storefront quickstart cart mutation with the verified variant ID and identical context. Persist the returned cart ID and checkout URL. Avoid creating another cart after a timeout until you have checked whether the first request succeeded.

3. Complete test checkout

Open the returned checkoutUrl for hosted checkout. Enter the contact and address information your test requires, select an available shipping method, and complete the configured test payment flow. If you are building custom checkout, follow Build a cart and checkout instead.

Keep the resulting order ID. A payment redirect alone is not proof that the order exists. For a lost completion response, use the same-cart recovery described in Order placement.

4. Verify through Admin

Code in graphql

Confirm the order number, purchased quantity, and the payment state expected for your configured method. An order does not need to be shipped just because checkout finished. Use Fulfill an order for the next operational step.