Architecture diagram

Introduction

The transaction flow describes the technical steps required to make a payment using our API, regardless of the integration mechanism used. Below is a diagram illustrating the transaction flow:

Diagram

Diagram details:

1. Request Generate Token: Merchant requests a unique token to identify the transaction.

2. Sending Token: The payment gateway sends the token to the merchant for further use.

3. Query to load the Payment Button JavaScript: The merchant gets the JavaScript needed to load the payment button in your interface.

4. Request Form Upload: The merchant requests the payment gateway to upload the payment form.

5. Form display: The payment form is displayed to the user to collect the payment data.

6. Sending transaction request: The merchant sends the transaction details to the payment gateway for processing.

7. Sending payment result: The payment gateway sends the merchant the result of the payment (success or failure).

8. 1. Sending payment result (Embedded and Popup): The payment gateway sends the payment result to the merchant within the page or in a popup window.
   2. Sending payment result (Redirect): The payment gateway redirects the user to a specific page of the merchant to display the payment result.

9. Final payment notification: In the development environment, the payment gateway can send a notification to the merchant indicating the end of the payment process.

Integrations

For the integration stage, you can use different modes depending on the level of customization you want, there are 3 types of integration modes:

• Pop-up mode
• Redirect mode
• Embebido mode