# Cổng thanh toán trực tuyến

{% embed url="<https://youtu.be/1UOSKnBMYCE>" %}
*Video hướng dẫn tích hợp*
{% endembed %}

<figure><img src="https://397027300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LSsNVNpdo08cjk_x38e%2Fuploads%2FCHs2nArag1vSyA77V1fj%2FThanh%20to%C3%A1n%20tr%E1%BB%B1c%20tuy%E1%BA%BFn%20(1).gif?alt=media&#x26;token=64e892ca-0135-45ef-9db2-92ffff732430" alt=""><figcaption></figcaption></figure>

## 1. Cấu hình

Để cấu hình các hình thức thanh toán trực tuyến, hãy đăng nhập tài khoản admin và truy cập **\[ Hệ thống > Cài đặt > Cổng thanh toán ]**

### VietQR

Cấu hình hiển thị tài khoản thanh toán qua VietQR

<figure><img src="https://397027300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LSsNVNpdo08cjk_x38e%2Fuploads%2FjPJeYB7JlNm9kMlLc3hB%2Fcauhinhvietqr.png?alt=media&#x26;token=8cd58605-2030-4aac-934d-89cbe9c8c7f6" alt=""><figcaption></figcaption></figure>

(1) Kích hoạt tài khoản

(2) Tên ngân hàng

(3) Số tài khoản người nhận tại ngân hàng thụ hưởng

(4) Mẫu nội dung chuyển khoản

(5) Chèn biến có sẵn vào nội dung chuyển khoản

* {number}: mã hóa đơn (áp dụng trên hóa đơn) hoặc mã báo giá (áp dụng trên báo giá)
* {client\_company}: tên công ty
* {client\_phonenumber}: số điện thoại công ty (nếu là khách cá nhân, có thể nhập ở mục **Thông tin khách hàng > Số điện thoại**)

Ví dụ: nhập "thanh toán {number} {client\_phonenumber}" sẽ được chuyển thành "thanh toán BG-000001 0899172899"&#x20;

<figure><img src="https://397027300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LSsNVNpdo08cjk_x38e%2Fuploads%2FOeJpVpZh3nkMuyDguxTd%2Fimage.png?alt=media&#x26;token=3cbf346c-f235-4e51-b884-bfe407415fb3" alt=""><figcaption></figcaption></figure>

(6) Tên người thụ hưởng

### VNPAY

<figure><img src="https://397027300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LSsNVNpdo08cjk_x38e%2Fuploads%2F4n7BIvonn4p3V1si8MWQ%2Fimage.png?alt=media&#x26;token=e60410fb-d06a-45d4-bc01-c94080e36ad8" alt=""><figcaption></figcaption></figure>

Nhập thông tin Terminal ID và Secret key được cung cấp bởi VNPAY

## 2. Thanh toán

### Tạo đường dẫn preview báo giá hoặc hóa đơn

Để khách hàng thao tác được việc thanh toán trực tuyến, hãy gửi lại đường dẫn  preview của báo giá hoặc hóa đơn thông qua&#x20;

<figure><img src="https://397027300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LSsNVNpdo08cjk_x38e%2Fuploads%2FO8AREurdMXDS0dEsK4ih%2Fimage.png?alt=media&#x26;token=9c0c10b7-85e4-4be4-ab66-01cbcc2103d7" alt=""><figcaption></figcaption></figure>

**Bước 1:** Click vào mã báo giá hoặc mã hóa đơn

**Bước 2:** Bấm “Thêm”

**Bước 3:** Bấm “Xem báo giá/ hóa đơn với tư cách khách hàng”

### Thanh toán trực tuyến

**Bước 1:** Trên link preview của hóa đơn, chọn 1 trong 2 phương thức&#x20;

<figure><img src="https://397027300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LSsNVNpdo08cjk_x38e%2Fuploads%2FxtziwUMRpI7kQUePu3dB%2Fimage.png?alt=media&#x26;token=e91c26ef-0853-48a9-9551-fcf4f5074f77" alt=""><figcaption></figcaption></figure>

* Chuyển khoản ngân hàng 24/7 (VietQR)
* VNPAY - QR Siêu tốc (mất phí)

&#x20;và bấm nút **“Chuyển khoản”**

**Bước 2:** Thanh toán trực tuyến

VietQR - Người dùng chỉ cần thanh toán qua mã QR&#x20;

<figure><img src="https://397027300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LSsNVNpdo08cjk_x38e%2Fuploads%2FyLmw0b9HZaYa94yl3c6L%2Fimage.png?alt=media&#x26;token=a45d4c7f-f150-4312-9f1c-f4367ce19984" alt=""><figcaption></figcaption></figure>

VNPAY - người dùng có thêm lựa chọn nhập thẻ thanh toán hoặc chuyển khoản qua mã QR

<figure><img src="https://397027300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LSsNVNpdo08cjk_x38e%2Fuploads%2F6q2xc4uYF80wTVUsPdfC%2Fimage.png?alt=media&#x26;token=6cc1d234-b4e9-417c-a7a9-94d38d0b5b46" alt=""><figcaption></figcaption></figure>

Biểu phí thanh toán VNPAY Online

<figure><img src="https://397027300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LSsNVNpdo08cjk_x38e%2Fuploads%2FARTAWXzbA6jGubiuNOrl%2Fimage.png?alt=media&#x26;token=a4f8e74b-3752-4108-8a32-2fe62b564e18" alt=""><figcaption></figcaption></figure>

<br>