# Mã tùy chỉnh

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

Cung cấp khả năng can thiệp bằng mã nguồn trực tiếp vào trang Landing Page. Mục tiêu chính là giúp người thiết kế tự do tùy biến các thành phần giao diện đặc thù hoặc tích hợp các mã theo dõi, tiện ích (widget) từ các nền tảng bên ngoài mà bộ công cụ builder chưa hỗ trợ sẵn.

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

Bạn nên sử dụng thành phần Custom HTML trong các kịch bản sau:

* Tích hợp ứng dụng bên thứ ba: Nhúng bản đồ (Google Maps), chatbot (Facebook Messenger, Tawk.to), hoặc các bảng biểu từ Google Sheets.
* Cài đặt mã theo dõi: Chèn các đoạn mã script cho Marketing như Google Analytics, Facebook Pixel hoặc Google Tag Manager.
* Tùy biến giao diện nâng cao: Khi bạn cần các hiệu ứng CSS phức tạp hoặc các cấu trúc HTML đặc biệt không có trong thư viện Widget sẵn có.
* Nhúng nội dung động: Sử dụng để hiển thị các khung nội dung (iFrame) từ các nguồn dữ liệu bên ngoài.

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

Để nhúng mã HTML, bạn thực hiện theo trình tự sau:

* Bước 1: Chọn thành phần "HTML" từ thư viện và kéo thả vào vị trí cần hiển thị trên trang.

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

* Bước 2: Chọn đúp chuột vào vùng hiển thị trên giao diện hoặc mở bảng HTML Options ở thanh thuộc tính bên phải.
* Bước 3: Dán đoạn mã (HTML, CSS hoặc JavaScript) của bạn vào khung soạn thảo mã nguồn.
* Bước 4: Chọn nút lưu hoặc đóng trình soạn thảo để hệ thống thực thi mã.
* Bước 5: Lưu trang và chọn chế độ Xem trước (Preview) để kiểm tra kết quả hiển thị thực tế (vì một số đoạn mã script chỉ hoạt động khi xem ở môi trường thực tế).

#### 4. Lưu ý

* Kiểm tra độ an toàn: Chỉ nên nhúng các đoạn mã từ các nguồn tin cậy để tránh rủi ro về bảo mật hoặc làm hỏng cấu trúc của toàn bộ trang Landing Page.
* Cú pháp chính xác: Hãy đảm bảo các thẻ HTML của bạn được đóng đúng cách (ví dụ: `<div>...</div>`). Một lỗi nhỏ trong cú pháp mã có thể khiến các thành phần khác trên trang bị hiển thị sai lệch.
* Tối ưu tốc độ: Việc nhúng quá nhiều đoạn script từ bên thứ ba có thể làm chậm tốc độ tải trang. Bạn nên cân nhắc chỉ giữ lại những mã thực sự 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/ma-tuy-chinh.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.