> 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

Sau khi tạo một biểu mẫu, bạn có thể nhúng biểu mẫu đó lên website để thu thập thông tin khách hàng ghé thăm website và quan tâm sản phẩm, dịch vụ của doanh nghiệp.

Để 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="https://2695816526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIPMaahbinE4mnaANuMqj%2Fuploads%2FtJSwT9fEQIJlMhDfxzAV%2Fimage.png?alt=media&amp;token=a7b28c29-12f3-44c3-b2f0-339c33a8c926" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2695816526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIPMaahbinE4mnaANuMqj%2Fuploads%2FfwjpNJMKqVhj8OsfSAkb%2Fimage.png?alt=media&amp;token=03cd3cf6-3aad-4c9e-a037-c7d0f329ae03" 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 %}