> For the complete documentation index, see [llms.txt](https://help-cdp.hub-js.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help-cdp.hub-js.com/cdp-operation/marketing-tools/bieu-mau/nhung-bieu-mau-len-website.md).

# Nhúng biểu mẫu lên website

Để nhúng một biểu mẫu lên website, bạn thao tác như sau:

{% tabs %}
{% tab title="Bước 1" %}

### <mark style="color:blue;">Tạo biểu mẫu trên hệ thống CDP</mark>

Để tạo một biểu mẫu trên hệ thống CDP, bạn tham khảo cách làm tại bài viết [Tạo mới một biểu mẫu.](https://help-cdp.hub-js.com/)
{% endtab %}

{% tab title="Bước 2" %}

### <mark style="color:blue;">Sao chép code của form</mark>

Sau khi tạo form, bạn nhấn vào tên form để vào màn hình chi tiết

Tại đây, bạn nhấn chọn **Sao chép tự động** hoặc **Sao chép thủ công** để lấy đoạn mã gắn lên website của doanh nghiệp

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

Màn hình sẽ hiển thị cửa sổ chưa mã code như sau:

<figure><img src="/files/1SDflrvuKNtJg9IMEn9n" alt=""><figcaption></figcaption></figure>

Bạn copy một trong 2 mã để nhúng vào website ở bước tiếp theo.
{% endtab %}

{% tab title="Bước 3" %}

### <mark style="color:blue;">Nhúng form</mark>

Trong source code website của doanh nghiệp, bạn thêm đoạn mã vừa copy vào bất cứ vị trí nào muốn hiển thị form&#x20;

Như vậy là bạn đã nhúng thành công form vào website.

Vui lòng truy cập vào website của doanh nghiệp và kiểm tra việc hiển thị của form.

{% hint style="warning" %}
Lưu ý: Bạn nên thử nghiệm trước khi nhúng biểu mẫu để đảm bảo hiển thị đúng thông tin bạn muốn.
{% endhint %}
{% endtab %}
{% endtabs %}