# Modal checkout

**Overview**

Galaxy Pay provides Checkout Modal solution that is ideal for online businesses to accept payments from their customers. This solution improves customer experience by not requiring customers to switch between multiple pages at checkout. The entire transaction is completed in one place, giving them more confidence when completing a purchase. 

Galaxy Pay Checkout Modal solution supports multiple payments options: 

* International payment card (Visa, Mastercard) 
* Vietnam domestic card and bank account (Napas) 
* SkyPay E-wallet - powered by Galaxy Pay 
* Other domestic E-wallet: Momo, ZaloPay 
* Scan QR - VietQR

Live Demo: <https://uat-demo.galaxypay.vn/checkout-modal>

## **Advantage of Checkout Modal solution**&#x20;

* Supports all payment methods the customers may popularly use.&#x20;
* Works for both websites and mobile apps.&#x20;
* Requires minimal coding effort and makes integration easy.&#x20;
* Merchant does not need to handle or store any payment details, thus reducing PCI compliance costs.&#x20;
* Customizes the design of Checkout Modal to match with the merchant’s page style.&#x20;

## How it Works

<figure><img src="/files/kwyqzc6ihhVBPsDnpQyE" alt=""><figcaption></figcaption></figure>

**Pay with Checkout Modal**

<table><thead><tr><th width="114.33333333333331">Step</th><th width="156">Actor </th><th>Descriptions</th></tr></thead><tbody><tr><td>1 </td><td>User </td><td>User selects payment methods and clicks to pay on merchant’s page. The transaction is processed in following steps. </td></tr><tr><td>2 </td><td>Merchant </td><td>Merchant creates an order and call API to get endpoint. To get more information about the API, refer to Integration Guide section. </td></tr><tr><td>3 </td><td>Galaxy Pay </td><td>In response, Galaxy Pay sends merchant the endpoint to be used by merchant when invoking Checkout Modal JS on their frontend.  </td></tr><tr><td>4 </td><td>Merchant </td><td>Merchant uses the endpoint and other parameters to invoke Checkout Modal JS. Then user can see Galaxy Pay Checkout Modal is embedded in merchant page. </td></tr><tr><td>5 </td><td>User </td><td>User fills required payment details and makes payment on Checkout Modal. All the user sensitive information such as: Card details, account details, etc. are secured by Galaxy Pay according to PCI-DSS compliant. </td></tr><tr><td>6 </td><td>Galaxy Pay </td><td>Galaxy Pay processes transaction and receives payment results from the Service Provider (Bank, e-wallet, etc.). Payment status is displayed to user on Checkout Modal. </td></tr><tr><td>7 </td><td>Galaxy Pay </td><td>Galaxy Pay returns the payment result to merchant via merchant’s callbackUrl and closes Checkout Modal screen after a few seconds. </td></tr><tr><td>8 </td><td>Merchant </td><td>Merchant receives payment result and show the order result.  </td></tr></tbody></table>

## Flowchart

<figure><img src="/files/gtpXxDUFC49EEufgBe7q" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.galaxypay.vn/upc/payment-gateway/payment-solution/modal-checkout.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.