# Cấu hình nút bấm

## **1. Mục tiêu**

Giúp bạn thiết lập các điểm chạm tương tác, điều hướng khách hàng từ Landing Page đến các trang đích mong muốn (như Form đăng ký, trang sản phẩm hoặc mạng xã hội). Việc cấu hình link chính xác là yếu tố then chốt để chuyển đổi người xem thành khách hàng tiềm năng.

## **2. Khi nào dùng?**

* Ngay sau khi bạn kéo một thành phần Nút bấm (Button) từ thư viện vào trang.
* Khi cần tạo menu điều hướng nhanh (Anchor link) dẫn xuống các phần bên dưới của cùng một trang (ví dụ: nút "Liên hệ ngay" dẫn xuống chân trang).
* Khi muốn gắn link về trang chủ hoặc các liên kết mạng xã hội bên ngoài.

## **3. Các bước thực hiện**

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

* Truy cập bảng thuộc tính: Chọn phần tử Nút bấm trên vùng thiết kế. Tại bảng thuộc tính bên phải, tìm đến nhóm Link.
* Cấu hình mục tiêu (Link To): Tại trường này, hãy chọn hình thức điều hướng phù hợp:
  * URL bên ngoài: Nhập địa chỉ trang web đầy đủ (ví dụ: `https://google.com`).
  * Link nội bộ (Page): Chọn các trang khác đã có sẵn trong trình builder của bạn.
  * Anchor (Điểm neo): Liên kết đến ID của một Layer khác trên cùng một trang (thường dùng để cuộn trang nhanh).
* Thiết lập đích đến (Target):
  * New Tab (\_blank): Mở link ở tab mới (khuyên dùng khi dẫn link ra ngoài để khách không bị mất dấu trang của bạn).
  * Current Tab (\_self): Mở ngay tại tab đang xem.
* Tối ưu khả năng truy cập (Accessibility): Nhập văn bản mô tả vào mục Aria Label (ví dụ: "Nút đăng ký tư vấn") để hỗ trợ các công cụ đọc màn hình và tối ưu SEO.

## **4. Lưu ý quan trọng**

* Hiệu ứng tương tác (Hover): Để người dùng biết nút có thể click được, hãy vào mục Raw Style để thêm hiệu ứng thay đổi màu sắc hoặc độ mờ (Opacity) khi di chuột vào nút.
* Kiểm tra trước khi xuất bản: Sau khi gắn link, hãy luôn sử dụng biểu tượng Preview (Play) trên thanh công cụ để đảm bảo liên kết hoạt động chính xác và trỏ đúng về đích mong muốn.
* Cú pháp URL: Khi gắn link bên ngoài, hãy nhớ điền đầy đủ tiền tố `https://` để tránh lỗi liên kết không tồn tại.


---

# 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://docs.mhiring.vn/mcms/khoi-tao-co-ban/cau-hinh-nut-bam.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.