# Form 2 (Bố cục ngang)

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

Giúp người thiết kế tối ưu hóa diện tích hiển thị mà vẫn đảm bảo khả năng thu thập dữ liệu khách hàng. Mục tiêu chính là tạo ra một điểm chạm đăng ký nhanh chóng, gọn gàng, giúp người dùng thực hiện thao tác ngay lập tức mà không cảm thấy bị làm phiền bởi các biểu mẫu dài dòng.

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

Bạn nên ưu tiên Form 2 (Bố cục ngang) trong các kịch bản sau:

* Đăng ký nhận tin (Newsletter): Đây là lựa chọn hoàn hảo nhất để thu thập Email của khách hàng quan tâm đến tin tức hoặc khuyến mãi.
* Đăng ký nhanh tại Hero Section: Khi bạn muốn đặt một ô nhập liệu ngay đầu trang (phần nội dung chính) để người dùng để lại thông tin ngay mà không chiếm quá nhiều không gian hình ảnh.
* Tích hợp tại Footer: Đặt ở cuối trang để nhắc nhở người dùng để lại thông tin liên hệ trước khi họ rời khỏi Landing Page.
* Vị trí hạn chế: Phù hợp cho các Section có chiều cao khiêm tốn hoặc các thanh thông báo (Notification bar) chạy ngang màn hình.

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

Để thiết lập Form bố cục ngang, bạn thực hiện theo trình tự sau:

* Bước 1: Chọn thành phần "Form 2" trong danh sách Widget và kéo vào vùng thiết kế.
* Bước 2: Chọn vào ô nhập liệu để thiết lập "Placeholder" (Ví dụ: "Nhập Email của bạn tại đây...").
* Bước 3: Tại bảng thuộc tính, bạn hãy căn chỉnh độ rộng của ô nhập và nút bấm sao cho chúng nằm cân đối trên cùng một hàng ngang.
* Bước 4: Chọn và thay đổi màu sắc của nút bấm (Button) để tạo sự tương phản, thu hút sự chú ý của người dùng.
* Bước 5: Thiết lập hành động sau khi người dùng nhấn nút (ví dụ: Hiển thị thông báo cảm ơn hoặc chuyển hướng sang trang xác nhận).

#### 4. Lưu ý

* Giới hạn số trường: Để đảm bảo tính thẩm mỹ của bố cục ngang, bạn chỉ nên để tối đa 1 đến 2 trường nhập liệu (ví dụ: Tên và Email). Nếu có quá nhiều trường, hãy chuyển sang dùng Form 1 (Bố cục dọc).
* Tương thích di động: Form ngang thường hoạt động tốt trên máy tính, nhưng trên thiết bị di động, hệ thống sẽ tự động chuyển về bố cục dọc để người dùng dễ thao tác. Bạn nên kiểm tra kỹ hiển thị này trong trình xem trước.
* Thông điệp ngắn gọn: Vì diện tích có hạn, hãy sử dụng các từ ngữ kêu gọi hành động (CTA) thật súc tích như "Đăng ký", "Gửi", hoặc "Nhận tin".
* Đồng bộ hệ thống: Đảm bảo dữ liệu từ Form này cũng được kết nối đồng nhất với hệ thống quản lý dữ liệu hoặc Kho ứng viên nếu cần thiết.


---

# 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/form-co-ban/form-2-bo-cuc-ngang.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.