# Flow

<figure><img src="https://content.gitbook.com/content/qC9AxrGMGIEERHzsGkXS/blobs/XMJoYk4arBLgDqTO5Jzl/API%20Image.jpg" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

### Payment page

The merchant page displays the payment page for an invoice by calling a function of the IremboPay JS widget and provides a callback to handle the outcome of the payment.
{% endstep %}

{% step %}

### User Information

The widget handles the user experience to securely capture the end-user information and process the payment.
{% endstep %}

{% step %}

### Callback

Once the payment is done, the merchant page can handle the outcome through the callback provided.
{% endstep %}
{% endstepper %}
