# Flow

<figure><img src="https://300693647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMrOhz6Tb846tjeUnjlw%2Fuploads%2FsIBP63XUfj54B8kwlzoL%2FAPI%20Image.jpg?alt=media&#x26;token=59cebe89-a08e-4b96-b48c-bd60c3a31f06" 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 %}
