# Webview

## Tổng quát

Module WebView là một công cụ mạnh mẽ được tích hợp vào hệ thống cho phép khách hàng truy cập vào xem đơn hàng một cách dễ dàng và tối ưu trên thiết bị di động.

Với module WebView, khách hàng có thể truy cập vào phần thông tin đơn hàng từ giao diện người dùng, bằng cách sử dụng tính năng này, họ có thể xem thông tin chi tiết đầy đủ về đơn hàng của mình, bao gồm các sản phẩm đã mua, số lượng sản phẩm, trạng thái đơn hàng đang ở giai đoạn nào, giá cả và thông tin vận chuyển.

Module WebView cũng cung cấp tính năng thanh toán trực tuyến cho khách hàng. Khách hàng có thể thực hiện thanh toán đơn hàng một cách thuận tiện và an toàn thông qua giao diện web tích hợp trong ứng dụng, sử dụng các phương thức thanh toán phổ biến bằng cách quét QR code, nhà bán hàng cũng sẽ nhận được thông báo về trạng thái banking của khách hàng tăng thời gian xử lý và hoàn tất đơn.

Những tính năng chính mà module Webview có thể cung cấp cho bạn:

1. Tạo giao diện web tích hợp trong nền tảng livechat: [Livechat Sale ](/tai-lieu-huong-dan-app.vn/su-dung-app.vn/webview/livechat-sale.md)
2. Tạo giao diện web tích hợp trong kịch bản chatbot

* Để gửi thông tin đơn hàng
  * [Order Detail](/tai-lieu-huong-dan-app.vn/su-dung-app.vn/webview/order-detail.md)
  * [Order Livestream](/tai-lieu-huong-dan-app.vn/su-dung-app.vn/webview/order-livestream.md)
* Để gửi thông tin sản phẩm
  * [Shop](/tai-lieu-huong-dan-app.vn/su-dung-app.vn/webview/shop.md)
  * [Product Preview](/tai-lieu-huong-dan-app.vn/su-dung-app.vn/webview/product-preview.md)
  * [Order](/tai-lieu-huong-dan-app.vn/su-dung-app.vn/webview/order.md)
  * [Course Event](/tai-lieu-huong-dan-app.vn/su-dung-app.vn/webview/course-event-preview.md)
* Để gửi đánh giá sản phẩm
  * [Feedback ](/tai-lieu-huong-dan-app.vn/su-dung-app.vn/webview/danh-gia.md)

## Cách truy cập

Người dùng đã đăng nhập vào hệ thống App.vn, thuộc 1 doanh nghiệp (Business) và được phân quyền truy cập vào module Webview có thể truy cập vào module Webview. 

Để truy cập vào module, bạn cần đăng nhập vào hệ thống App.vn. Trên màn hình danh sách ứng dụng của AppVN, chọn module **Webview.**

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

Hoặc người dùng có thể tìm kiếm "Webview" trên thanh tìm kiếm ứng dụng:

<figure><img src="/files/4omUl08cexl9xc2dyDgo" alt=""><figcaption></figcaption></figure>

## Màn hình module Webview

Sau khi truy cập vào module Webview nhà bán hàng sẽ thấy được hai danh sách chính của module nằm bên trên thanh công cụ màn hình là **My Webview (danh sách Webview)** và **Template (thư viện Webview).**

<figure><img src="/files/1EynZmtQQV7heaV0tlbL" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/4UdY6UevT5HY1mNoboQ8" alt=""><figcaption></figcaption></figure>

## Thao tác

### Thêm mới webview

Để tạo tạo ra một webview phục vụ cho việc tích hợp vào kịch bản chatbot hoặc tích hợp trên nền tảng livechat, bạn thao tác như sau:

* Trên màn hình giao diện danh sách Webview, bấm chọn sang tab Template

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

* Chọn template bạn muốn thêm tùy vào mục đích sử dụng và bấm **Active**

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

* Màn hình sẽ tự động chuyển tiếp sang trang cấu hình cho webview đó

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

### Chỉnh sửa webview

* Tại giao diện tab My webview người dùng chọn vào biểu tượng chỉnh sửa ở bên phải của webview muốn chỉnh sửa:

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

* Giao diện chi tiết webview hiện ra, người dùng có thể chỉnh sửa thông tin của webview:

<figure><img src="/files/8lcVYv3PjDmxf3tujd9g" alt=""><figcaption></figcaption></figure>

* Với mỗi trang chỉnh sửa xong người dùng chọn **Cập nhật** để lưu chỉnh sửa:

<figure><img src="/files/5Ti15lYWajPRfGdHxxwL" alt=""><figcaption></figcaption></figure>

### Xoá webview&#x20;

* Tại giao diện tab My webview người dùng chọn vào biểu tượng xoá ở bên phải của webview muốn xoá:

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

* Thông báo xác nhận xoá webview hiện ra, người dùng chọn **OK** để xoá webview:

<figure><img src="/files/eKN33RZXiepmI9aendkT" 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://tailieu.smax.app/tai-lieu-huong-dan-app.vn/su-dung-app.vn/webview.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.