Product and UX template
Checkout User Flow template
Cart, shipping, payment, order confirmation with error retry. This template has 8 shapes: 1 decision.
Free plan, no card. Opens in the Wavelength editor.
- Customer Start
- Cart Screen
- Shipping Screen
- Payment Screen
- Payment Approved? Decision
Yes: Order Confirmation. No: Payment Error - Order Confirmation Screen
- Payment Error Screen
- Order Complete End
The customer views their cart and clicks Checkout. They enter their shipping address on the Shipping screen. They move to the Payment screen and enter their card details. The system checks if the payment is approved. If approved, they see the Order Confirmation screen. If the payment fails, they see a Payment Error screen and can go back to retry. After confirmation, the order is complete.
Wavelength drew this flow from the conversation above. Say your own version and it draws yours.
Who uses this template
Product managers use it as a starting point. User flows with screens, errors, and retries. See how product managers use Wavelength.
Start from it
Open the template and the flow is on the canvas, laid out and ready to edit.
Change it by talking
Say what is different in your team. Wavelength adds, removes, and renames the shapes for you.
Send it
Share a link, or export to PNG, PDF, PowerPoint, draw.io, BPMN, or an SOP document.
Related templates
View all templates →
Questions
Is the checkout user flow template free?
Yes. Every Wavelength plan can open this template, the Free plan included. The Free plan saves up to 5 flows and needs no card.
Can I change the template to match my process?
Yes. Open it, then describe what is different in your team, by typing or by holding the mic. Wavelength edits the flow to match. You can also drag, rename, and delete shapes by hand.
What can I export the template to?
Exports include PNG, PDF, PowerPoint, draw.io and Lucidchart, BPMN 2.0, Mermaid, an SOP document, n8n, and a CSV of steps.
Open the checkout user flow template
It opens in the editor, ready to change by talking.