> 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