# Payment

## Userflow & Behaviour

![](https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L3Ckj9RuJ2qwWPoNJTG%2F-L4HearjYW461o7pvHVD%2F-L4Hf8asQzMQO6IdAYCX%2FScreen%20Shot%202018-02-01%20at%2019.34.27.png?alt=media\&token=3f17bae2-de07-4e88-94fc-8ef99c9ebcac)

{% hint style="success" %}
**DOs**

* Keep it simple by keeping only 1 user action per page : the one that allows the user to move forward in the payment process&#x20;
* If the process is long (>3 steps) indicate the steps to come and where you are in the process &#x20;
  {% endhint %}

### 1/ Cart with checkout

{% hint style="success" %}
**DOs**

* Let the user edit his cart by removing 1 or more of each items
  {% endhint %}

{% hint style="danger" %}
**DON'Ts**

* Do not use the wording "Pay" in your CTA to go to the confirmation page : it's stressful for the user as he didn't confirmed anything yet
  {% endhint %}

### 2/ Confirmation

### 3/ Payment tool

### 4/ Order Success

{% hint style="success" %}
**DOs**

* Give access to the order history (for the user to check the newly placed order)
* Give access to the Home of the app
  {% endhint %}

## Exemples

* Neonomad
* Accor
