# Form Thông Tin

## 1. **Cách thêm Phần tử**

**Bước 1 - Thêm phần tử:** Kéo thả phần tử Form vào trang thiết kế tương tự như cách thêm các phần tử khác[ **tại đây.**](/cac-thanh-phan-co-ban-tren-tempi/phan-tu.md)

![](/files/eOth544NHKBjVfaBgMwb)

**Bước 2 - Mở bảng cài đặt:** Click trực tiếp vào phần tử **Form** để mở bảng cài đặt

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

**Bạn có thể chỉnh sửa form** *(theo thứ tự từ trái qua phải):*

* Thay đổi ảnh nền của form thông tin
* Thay đổi màu nền, màu viền, màu bóng và độ bóng của form thông tin
* Lưu dữ liệu: Lưu thông tin khách hàng về Email/Google Sheet/API
* Phản hồi: Cấu hình Popup hoặc Trang cảm ơn sau khi khách hàng điền form thông tin
* Thêm trường: Cài đặt các trường thông tin cần thu thập
* Cài đặt nâng cao
* Nhân bản
* Xoá

## 2. Cài đặt phần tử

### Lưu dữ liệu:

Bạn có thể lưu thông tin của khách hàng điền form qua 03 hình thức Gmail, Google Sheet và API.

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

{% content-ref url="/pages/A2LvQjgKknyDco90TWR6" %}
[Lưu data về Email](/phan-t-nang-cao/form-thong-tin/luu-data-ve-email.md)
{% endcontent-ref %}

{% content-ref url="/pages/2m57fOQPBi0QsfGGKOjL" %}
[Lưu data về Google Sheets](/phan-t-nang-cao/form-thong-tin/luu-data-ve-google-sheets.md)
{% endcontent-ref %}

{% content-ref url="/pages/Gd7yAkd3QISVlMQ8we5Q" %}
[Lưu data về API](/phan-t-nang-cao/form-thong-tin/luu-data-ve-api.md)
{% endcontent-ref %}

### Phản hồi:&#x20;

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

Sau khi khách hàng hoàn thành điền form thông tin, bạn có thể cấu hình Popup hoặc Trang cảm ơn để thông báo khách hàng đã điền form thành công hoặc thất bại.

<figure><img src="/files/0MQI1U4aufSZDI7pnedL" alt=""><figcaption></figcaption></figure>

**Bạn có thể cấu hình Popup cảm ơn** *(theo thứ tự từ trên xuống dưới):*

* Tên của Popup
* Click chuột vào biểu tượng <img src="/files/esIkty6mj302UTpmcscf" alt="" data-size="line"> để hiển thị icon đóng popup
* Click chuột vào biểu tượng <img src="/files/esIkty6mj302UTpmcscf" alt="" data-size="line"> để popup hiện lên khi vào trang
* Click chuột vào biểu tượng <img src="/files/esIkty6mj302UTpmcscf" alt="" data-size="line"> để popup hiện lên khi thoát trang
* Hiện khi cuộn đến: Chọn vào mã mà hệ thống đã tự động gán cho form thông tin, popup sẽ tự động hiện lên khi cuộn đến form này
* Chiều rộng của popup được hiển thị theo thông số pixel
* Chiều cao của popup được hiển thị theo thông số pixel
* Màu backdrop: Là màu nền xung quanh popup khi popup được hiển thị
* Vị trí: Vị trí hiển thị của popup

**Cấu hình Popup thất bại tương tự như trên**

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

Bạn tạo 1 **Trang cảm ơn/ Thất bại** bất kỳ rồi dán đường dẫn của trang cảm ơn đó vào mục **URL trang cảm ơn/thất bại** để trang cảm ơn hiển thị sau khi khách hàng hoàn thành điền form thông tin.

### 3. Danh sách trường:

Bấm vào từng trường trong “Danh sách trường” để cài đặt dữ liệu:

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

**Bạn có thể cấu hình danh sách trường** *(theo thứ tự từ trên xuống dưới):*

* Loại: Các kiểu phân loại thông tin mà khách hàng có thể nhập trên form
* Tên lấy dự liệu: Là tên dữ liệu của trường
* Nhãn: Nhãn hiển thị của trường
* Chữ gợi nhắc: Chữ hiển thị bên trong ô nhập thông tin của trường
* Click vào biểu tượng <img src="/files/68CGdj6dfv85r32GM9Yx" alt="" data-size="line"> để bật/tắt chế độ bắt buộc nhập thông tin của trường
* Chiều rộng: Chiều rộng của trường được hiển thị theo thông số %
* Chiều cao: Chiều cao của trường được hiển thị theo thông số pixel

## Kiểu

Bạn có thể cấu hình các kiểu hiển thị của Form (Kiểu, căn chỉnh, nhãn, chữ input, khoảng cách,...)&#x20;

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


---

# 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://help.tempi.vn/phan-t-nang-cao/form-thong-tin.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.