009d00f27d
* implement toc * added to projects * fixes and adapt for references * added product frontmatter * remove action menu from 404 pages
33 lines
1.1 KiB
Plaintext
33 lines
1.1 KiB
Plaintext
---
|
|
products:
|
|
- cart
|
|
- customer
|
|
- payment
|
|
- fulfillment
|
|
- order
|
|
---
|
|
|
|
export const metadata = {
|
|
title: `Checkout in Storefront`,
|
|
}
|
|
|
|
# {metadata.title}
|
|
|
|
Once a customer finishes adding products to cart, they go through the checkout flow to place their order.
|
|
|
|
The checkout flow is composed of five steps:
|
|
|
|
1. [Email](./email/page.mdx): Enter customer email. For logged-in customer, you can pre-fill it.
|
|
2. [Address](./address/page.mdx): Enter shipping/billing address details.
|
|
3. [Shipping](./shipping/page.mdx): Choose a shipping method.
|
|
4. [Payment](./payment/page.mdx): Choose a payment provider.
|
|
5. [Complete Cart](./complete-cart/page.mdx): Perform any payment action necessary (for example, enter card details), complete the cart, and place the order.
|
|
|
|
You can combine steps or change their order based on your desired checkout flow. Once the customer places the order, you can show them an [order confirmation page](./order-confirmation/page.mdx).
|
|
|
|
<Note title="Tip">
|
|
|
|
Refer to the [Express Checkout Tutorial](../guides/express-checkout/page.mdx) for a complete example of a different checkout flow.
|
|
|
|
</Note>
|