> For the complete documentation index, see [llms.txt](https://coreretail.gitbook.io/huong-dan-van-hanh-mini-app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://coreretail.gitbook.io/huong-dan-van-hanh-mini-app/cai-dat-chung/cai-dat-nut-dieu-huong.md).

# Cài đặt nút điều hướng

## Màn hình danh sách nút điều hướng

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

✅ **Mục đích:**\
Hiển thị tất cả nút điều hướng đã được cấu hình.

✅ **Nội dung chính:**

* Bộ lọc theo **Tên**, **Nhóm nút**, **Loại nút** để tìm nhanh.
* Bảng danh sách gồm các cột:
  * **STT:** Số thứ tự
  * **Tiêu đề:** Tên hiển thị nút
  * **Nhóm:** Phân nhóm vị trí (Shortcut, Button, Floating Bubble)
  * **Loại:** Kiểu hành động (Gọi điện, Webview, Email, Direct link)
  * **Hình ảnh:** Icon nút
  * **Mô tả/URL/SĐT:** Giá trị điều hướng
  * **Thứ tự:** Vị trí sắp xếp hiển thị
  * **Trạng thái hoạt động:** Bật/tắt
  * **Thao tác:** Sửa / Xoá nút

✅ **Hành động:**

* Bấm ![](/files/ik4h7GiOvNxUg0wq54Ef) để tạo nút mới.
* Bấm nút ![](/files/M2oQseFXZCQTDydOoKmT) để chỉnh sửa.
* Bấm nút ![](/files/rbslUFx8PoN2r1G5rjxo) để xoá.

## Thêm mới nút điều hướng

<figure><img src="/files/7bZ6ceBmucPuT9DQwasn" alt=""><figcaption><p>Thêm mới nút điều hướng</p></figcaption></figure>

✅ **Mục đích:**\
Tạo mới thông tin nút điều hướng.

✅ **Các trường cần điền:**

* **Tiêu đề:** Tên hiển thị cho nút (bắt buộc).
* **Loại nút:** Chọn kiểu hành động:&#x20;

  **1.Phone (Gọi điện):**

  * Khi bấm, app sẽ mở cuộc gọi đến số đã cấu hình.
  * Mô tả/URL = Số điện thoại.

  **2.Webview (Mở trang web):**

  * Mở URL trên trình duyệt miniapp.
  * Mô tả/URL = Link web.

  **3.Email:**

  * Mở ứng dụng gửi email với địa chỉ được chỉ định.
  * Mô tả/URL = Email.

  **4.Direct (Liên kết trực tiếp):**

  * Link OA hoặc link bất kỳ mở trực tiếp.
  * Mô tả/URL = Link OA / link ngoài.
* **Nhóm nút:** Vị trí nhóm hiển thị (bắt buộc):

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

**1.Shortcut (Phím tắt):**

* Hiển thị ở khu vực phím tắt trong app.
* Dùng cho các hành động quan trọng và thường xuyên.

**2.Button (Nút chính):**

* Hiển thị ở vị trí nổi bật như nút gọi hành động chính.
* Thường dành cho 1-2 chức năng cốt lõi.

**3.Floating Bubble (Nút nổi):**

* Nút nổi linh động trên giao diện.
* Thích hợp hỗ trợ nhanh (Zalo chat, Hotline...).
* **Thứ tự hiển thị:** Số thứ tự để sắp xếp trên app.
* **Mô tả/URL/Số điện thoại:** Tùy theo loại nút, nhập giá trị phù hợp.
  * Ví dụ: Số điện thoại nếu chọn Phone
  * Link web nếu chọn Webview
  * Link OA nếu chọn Direct
  * Địa chỉ email nếu chọn Email
* **Trạng thái hoạt động:** Bật / Tắt.
* **Hình ảnh:** Upload icon nút (bắt buộc).

✅ **Hành động:**

* Điền thông tin xong → Bấm ![](/files/Y1qrsJF4cWV8Pdsa59jf) để hoàn tất.
* Hoặc ![](/files/8Qei33iv221ARcvla1D5) để huỷ.

## Chỉnh sửa nút điều hướng

<figure><img src="/files/y8H6y2jHG3qAYFoyt3Zk" alt=""><figcaption><p>Chỉnh sửa nút điều hướng</p></figcaption></figure>

Ấn ![](/files/HRVmBPehBwt8aOJMPZmu) để chỉnh sửa thông tin nút điều hướng.

## Xoá nút điều hướng

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

Ấn ![](/files/P1nb1RmwKK0dBuu6mrkh)để xoá nút điều hướng


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://coreretail.gitbook.io/huong-dan-van-hanh-mini-app/cai-dat-chung/cai-dat-nut-dieu-huong.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.
