# 1.Trang thanh toán

Trang thanh toán là nơi cho phép bạn thiết lập giao diện, cấu hình thanh toán , vận chuyển cho sản phẩm của bạn 

Truy cập builder.ladipage.com, ứng dụng Ecommerce Stores -> Trang thanh toán 

## Tạo và chỉnh sửa trang thanh toán 

### Sản phẩm chưa có trang thanh toán 

Bạn bấm vào nút ![](https://3900317261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcI2JrzPlNNh0g05qEjBl%2Fuploads%2Fo4dEr1tFd7xBKw51hd6v%2Fimage.png?alt=media\&token=63f285e8-9aba-4ec9-bae6-b5a52b245131) điền nội dung tên kênh bán hàng, chọn sản phẩm để tạo mới kênh bán hàng cho sản phẩm của bạn 

<figure><img src="https://3900317261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcI2JrzPlNNh0g05qEjBl%2Fuploads%2F3EIzvxMlGL7z1RNu1qMN%2Fimage.png?alt=media&#x26;token=0a64df44-09ef-434a-933a-e75542ca9b87" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3900317261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcI2JrzPlNNh0g05qEjBl%2Fuploads%2F2Qi5gwpbWjyxkVJD5lRI%2Fimage.png?alt=media&#x26;token=13a69097-21d1-4180-b9c2-d8c34eb830bf" alt=""><figcaption></figcaption></figure>

### Sản phẩm đã có trang thanh toán&#x20;

Trong trường hợp sản phẩm đã có trang thanh toán, khi bạn tạo mới 1 trang thanh toán vơi sản phẩm đó sẽ hiển thị thông báo lỗi, ví dụ

<figure><img src="https://3900317261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcI2JrzPlNNh0g05qEjBl%2Fuploads%2F9Y35uTB0FLEOiDjpTzkh%2Fimage.png?alt=media&#x26;token=851701cb-d806-4b18-af08-827beac7c15d" alt=""><figcaption></figcaption></figure>

Bạn click vào Tên trang thanh toán hoặc vào mục Chỉnh sửa để cập nhật nội dung trang thanh toán&#x20;

{% embed url="<https://prnt.sc/QgI5p_pECN8c>" %}

{% hint style="warning" %}
Trang thanh toán đã tạo, không cho phép thay đổi , sửa sang 1 sản phẩm khác
{% endhint %}

## Chỉnh sửa, cập nhật nội dung trang thanh toán

Trang thanh toán bao gồm 5 mục chính : Bố cục giao diện, câu hình thanh toán, Seo& Social , thiết lập đường dẫn và phần tổng quan giao diện trang khi xuát bản&#x20;

{% embed url="<https://prnt.sc/RCC-8ZSJvJGg>" %}
Bô
{% endembed %}

### &#x20;1. Bố cục giao diện&#x20;

Cho phép bạn cấu hình các thông tin về màu sắc giao diện, favicon, font chữ, màu sắc chủ đạo , thêm sản phẩm upsell hiển thị ...

{% embed url="<https://prnt.sc/n9CkJ9-6EORJ>" %}

#### 1.1 Giao diện

Thiết lập các nội dung về Favicon, kiểu chữ, màu sắc chủ đạo của trang thanh toán của bạn&#x20;

{% embed url="<https://prnt.sc/clvOh922bAgx>" %}

#### 1.2 Trang thanh toán&#x20;

Cho phép bạn cấu hình hiển thị thêm các nội dung về hình ảnh, text, sản phẩm upsell cho các mục khách hàng, vận chuyển, thông tin thanh toán&#x20;

{% embed url="<https://prnt.sc/7-Hf0juj7qSM>" %}

**Thiết lập sản phẩm Upsell** : trong trường hợp bạn muốn hiển thị sản phẩm upsell đã tạo của sản phẩm, trên phần giao diện nào của trang thanh toán, bạn sẽ chọn mục tương ứng ví dụ Thông tin khách hàng và chọn phần Sản phẩm Upsell&#x20;

{% embed url="<https://prnt.sc/WsdPfJg4bvp7>" %}

Thiết lập tiêu đề hiển thị và số lượng sản phẩm hiển thị cho mục sản phẩm Upsell

{% embed url="<https://prnt.sc/DLcGNTdwIKTC>" %}

{% embed url="<https://prnt.sc/nwPdTHzlYVE5>" %}
Ví dụ về phần hiển thị sản phẩm upsell
{% endembed %}

{% hint style="success" %}
Link trải nghiệm sản phẩm có upsell được thiết lập : <https://checkout.ladi.sale/ao-so-mi-nu-sat-nach-tron-day-rut-vai-form-regular-71554>&#x20;
{% endhint %}

Tham khảo mục cách tạo sản phẩm có Upsell theo thông tin dưới đây&#x20;

{% content-ref url="../iii.quan-ly-san-pham/danh-sach-san-pham/dinh-nghia-ve-cac-loai-san-pham-va-mo-ta-cac-truong-thong-tin-thiet-lap" %}
[dinh-nghia-ve-cac-loai-san-pham-va-mo-ta-cac-truong-thong-tin-thiet-lap](https://ladipage-vietnam.gitbook.io/v5-ecommerce/iii.quan-ly-san-pham/danh-sach-san-pham/dinh-nghia-ve-cac-loai-san-pham-va-mo-ta-cac-truong-thong-tin-thiet-lap)
{% endcontent-ref %}

{% hint style="info" %}
Hiện tại phần sản phẩm Upsell ở trang thanh toán hiển thị được các vị trí :  Thông tin khách hàng, thông tin giao hàng, thanh toán và sau khi khách hàng đặt hàng thành công&#x20;
{% endhint %}

**1.3 Trang cảm ơn**&#x20;

Cho phép bạn thiết lập các nội dung hiển thị sau khi khách hàng đặt hàng thành công , thanh toán thành công&#x20;

{% embed url="<https://prnt.sc/t5T7TDht4FTp>" %}

Bạn chèn đường dẫn trang cảm ơn muốn hiển thị vào mục Sử dụng đường dẫn trang cảm ơn và chọn các mục Thời gian chờ tương ứng&#x20;

Cơ chế thời gian chờ như sau :thumbsup:

* Khi bạn chọn các mục 5 giây, 10 giây, 15 giây, 20 giây thì sau khi khách hàng đặt hàng thành công, chuyển sang màn hình Hoàn tất đặt hàng  <https://prnt.sc/imykSRL2sstM> , chờ đợi  theo số thời gian tương ứng và chuyển sang được link trang cảm ơn.
* Chuyển trực tiếp : bỏ qua phần hiển thị của màn Hoàn tất đặt hàng <https://prnt.sc/kHgDTmKydqeO>  và chuyển sang luôn trang cảm ơn  đã cài đặt.
* Chuyển sau khi thanh toán thành công : Trong trường hợp bạn sử dụng phương thức COD/ Bank, đơn hàng cần được bấm xác nhận thanh toán thành công thì khách hàng mới được chuyển sang link trang cảm ơn, còn đối với các phương thức Payment cổng thanh toán thì sẽ chuyển sang trang cảm ơn sau khi thanh toán thành công.
* Trường hợp không setup đường dãn trang cảm ơn, sau khi đặt hàng thành công, khách hàng sẽ dừng ở màn hình Hoàn tất đặt hàng <https://prnt.sc/kHgDTmKydqeO> , phần thời gian chờ sẽ không có ý nghĩa ngay cả khi được setup.

### 2. Cấu hình thanh toán

Cho phép bạn cấu hình các thông tin sẽ điền trên trang thanh toán ( khách hàng, vận chuyển , thanh toán )

Trường hợp bạn muốn sử dụng 1 cấu hình có sẵn, bạn có thể chọn vào mục **Cấu hình mặc định,** chọn từ danh sách cấu hình đã tạo  và bấm Chỉnh sửa thông tin nếu muốn.

{% content-ref url="../vi.cai-dat/cau-hinh-thanh-toan" %}
[cau-hinh-thanh-toan](https://ladipage-vietnam.gitbook.io/v5-ecommerce/vi.cai-dat/cau-hinh-thanh-toan)
{% endcontent-ref %}

Trường hợp bạn muốn tạo 1 **Cấu hình tùy chỉnh ( chỉ áp dụng riêng cho sản phẩm hiện tại),** bạn chọn sang mục cấu hình tùy chỉnh và thiết lập các thông tin cho phép sử dụng

{% embed url="<https://prnt.sc/HTqCcE6Ww6wC>" %}
Cấu hình mặc định&#x20;
{% endembed %}

{% embed url="<https://prnt.sc/U5cMGtD-kQGh>" %}
Cấu hình tùy chỉnh&#x20;
{% endembed %}

### 3. Seo& Social&#x20;

Cho phép bạn thiết lập các nội dung liên quan hiển thị seo& social cho trang sản phẩm của bạn  như favicon, tiêu đề trang, mô tả trang, từ khóa trang, hình ảnh khi chia sẻ&#x20;

{% embed url="<https://prnt.sc/lg0GjKztHWRc>" %}

### 4. Thiết lập đường dẫn&#x20;

Cho phép bạn thiết lập đường dẫn cho trang sản phẩm của bạn. Hệ thống sẽ sinh cho bạn 1 đường dẫn mặc định cho việc truy cập, trong trường hợp bạn sử dụng gói trả phí cho phép thêm tên miền riêng, bạn có thể chọn sử dụng tên miền riêng đã thiết lập

Bạn có thể chỉnh sửa subfolder phía sau tên miền theo mong muốn của bạn&#x20;

{% embed url="<https://prnt.sc/Ef_Y3Hw-r2eT>" %}

Cách trỏ tên miền về riêng về eCommerce

{% content-ref url="../vi.cai-dat/ten-mien" %}
[ten-mien](https://ladipage-vietnam.gitbook.io/v5-ecommerce/vi.cai-dat/ten-mien)
{% endcontent-ref %}