> For the complete documentation index, see [llms.txt](https://tailieu.smax.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tailieu.smax.ai/extend-modules/form-builder.md).

# Form Builder

{% hint style="warning" %}
Module Form Builder sử dụng để xây dựng các form đăng ký, thu thập thông tin khách hàng bằng chatbot
{% endhint %}

## Kích hoạt module

Để kích hoạt module Form Builder, bạn cần truy cập vào Extend Modules, sau đó tìm module Form Builder và chọn Active

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FINg4q6OOvlMq7BBSlsTC%2Fimage%20(1).png?alt=media&amp;token=06350ed9-2444-4592-8fea-f0d157fe6970" alt=""><figcaption></figcaption></figure>

Sau khi kích hoạt, module Form Builder (Thiết kế Form) sẽ nằm trong danh sách bên tay trái

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FMvxo8YtnySl2pYHi39PF%2Fimage%20(1).png?alt=media&amp;token=f5302201-e644-498c-b3e3-7e18c1249cb6" alt=""><figcaption></figcaption></figure>

## Tổng quan module

Giao diện module Thiết kế Form gồm 2 cửa sổ chính:

* My Webview: Nơi quản lý các form bạn đã tạo, bạn có thể sao chép, chỉnh sửa, xóa form tại đây

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FkTBLUnrWe5NMtj2bdDvd%2Fimage%20(1).png?alt=media&amp;token=65a36563-b9d4-4aa9-a40b-928e13f770e8" alt=""><figcaption></figcaption></figure>

* Templates: Các mẫu form có sẵn trên hệ thống

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FIxa7W0Z94fTYgNpERi1O%2Fimage%20(1).png?alt=media&amp;token=c279eed5-e5c8-4e12-860d-7e71342470a0" alt=""><figcaption></figcaption></figure>

## Tạo form mới

Để tạo form mới bạn có thể làm theo 2 cách:

* Sử dụng mẫu có sẵn: Mở cửa sổ Templates và chọn Active mẫu form muốn sử dụng

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FuQ11s9YxEKuz6UPRxBVb%2Fimage%20(1).png?alt=media&amp;token=4dd717a5-b7af-40cc-bffa-f3f2d8039521" alt=""><figcaption></figcaption></figure>

* Tạo mẫu form trống: Chọn Thêm mới trong cửa sổ My Webview, form tạo bằng cách này sẽ không có nội dung gì, bạn có thê tự thêm các trường thông tin theo ý mình muốn

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FgSd79qw6hivfvH3IMM6B%2Fimage%20(1).png?alt=media&amp;token=9918198f-020c-433e-ac16-3d6697676cb6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FFibwGbLXSz7CT0l4P202%2Fimage%20(1).png?alt=media&amp;token=6aa91315-5c5d-4c70-9896-b67331c0e80d" alt=""><figcaption></figcaption></figure>

## Giao diện chỉnh sửa

Cửa sổ giao diện chỉnh sửa của form gồm 3 phần:

* (1) Nơi thêm các phần tử, sắp xếp các phần tử trong form
* (2) Chỉnh sửa cấu hình của các phần tử
* (3) Preview: Xem trước form

<figure><img src="https://1875681896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fsr3EiPwgSuzEXI3u1tC1%2Fuploads%2FMkO7uP3Iy5ZM5Pfbkoyt%2Fimage%20(1).png?alt=media&amp;token=56ebf6eb-f791-46b4-a14d-71899168e9f0" alt=""><figcaption></figcaption></figure>