Ecommerce / Free editable template

Ecommerce user flow template

An ecommerce user flow follows one shopper through the screens and decisions between arriving and buying. It helps designers and product teams see where the path branches and where people give up. This example starts at a rain jacket ad, runs through collection, search, product page, basket and checkout, and marks four exits with the reason behind each.

No account needed · Opens as your own editable page

Preview the ecommerce user flow

View full-size preview ↗
Ecommerce user flow example showing screens with their urls, search, basket and payment decisions, exit points with the reason to fix
Everything in this example is editable. Replace the labels, move the shapes and adapt the layout to your work.

How to use this template

  1. Start from a real entry point

    Pick the landing page your traffic actually arrives on, such as an ad, an email or a search result. Flows that begin at the home page often miss the shortcut most shoppers take.

  2. Mark every exit with a reason

    For each decision, add the No branch and say why someone would leave at that point. A labelled exit such as "delivery cost unexpected" points to a fix, where a bare drop-off number does not.

  3. Check it against your analytics

    Compare each screen with its page views and exit rate for the same period. If the data shows a path you have not drawn, such as search used straight from the home page, add it.

Questions about this template

What are the exit points marked on the flow?

They are the places where shoppers leave, each with the reason to fix. Add your own from analytics or session recordings and remove any that do not apply.

Do I need an account to use it?

No. Open the template and edit it in your browser. Your work saves on this device. An account is optional if you want to sync your workspace.

Can I export the finished diagram?

Yes. Use Export in the editor to save a PNG, SVG or PDF, or download an editable .epicdraw backup.