# Purchase using existing payment method

<br />

Flows that involve purchases should be as simple and short as possible, to
minimize attention needed from drivers.

Be sure to follow the
[guidelines for purchase flows](https://developers.google.com/cars/design/create-apps/ux-requirements/templated-apps#purchase).

## Sample flow

| User action | Where action is performed | Step count after action |
|---|---|---|
| The user is using your app. They decide to make a purchase. | Landing template (not shown) | 1 |
| The user selects a parking location from a curated list of nearby or recently booked locations. | List template ![List template with list of locations](https://developers.google.com/static/cars/design/create-apps/sample-flows/images/purchase_1.png) | 2 |
| The user views parking location details and reserves the spot; the purchase takes place in the background. | Pane template ![Pane template with more details about selected location](https://developers.google.com/static/cars/design/create-apps/sample-flows/images/purchase_2.png) | 3 |
| The user sees confirmation and selects **Navigate**. | Message template ![Message template with one primary button and another button](https://developers.google.com/static/cars/design/create-apps/sample-flows/images/purchase_3.png) | 4 |
| A separate navigation app opens and routing begins. | Switch to navigation app ![Navigation app opens](https://developers.google.com/static/cars/design/create-apps/sample-flows/images/purchase_4.png) | 1 (new task) |