Forms

Biểu mẫu là một phần đặc biệt của hệ thống tự động hóa tiếp thị. Nó được sử dụng để thu thập thông tin người dùng thường để đổi lấy quyền truy cập vào bản tải xuống, đăng ký sự kiện...

Hệ thống hỗ trợ 2 loại biểu mẫu sau:

Campaign Form - có thể đẩy khách hàng điền biểu mẫu vào chiến dịch những hành động này sẽ được thực hiện trong Campaign Builder.
Standalone Form - có thể đẩy khách hàng vào một phân khúc. Ưu điểm của loại biểu mẫu này là bạn có thể thực hiện các hành động tại thời điểm gửi. Ví dụ: bạn có thể sử dụng biểu mẫu này trong việc tạo email.

Tạo một biểu mẫu mới

Nhấn menu “Components” → Chọn submenu “Form” → Hệ thống sẽ mở màn hình quản lý form

Nhập các thông tin chung của biểu mẫu

Giải thích các thông tin cần nhập của tab “Details”:

Name - Nhập tên của biểu mẫu
Form attributes - Đây là nơi bạn có thể thêm các thuộc tính HTML tùy chỉnh vào biểu mẫu của mình. Ví dụ: name="my-form"
Description - Nhập mô tả về biểu mẫu của bạn ở đây. Ví dụ: Biểu mẫu này dùng để thu thập các thông tin sau của khách hàng: First name, Last name, Phone, Email, ....
Successful Submit Action - Chọn loại hành động hệ thống sẽ gửi đến khách hàng khi họ submit form thành công. Hệ thống hỗ trợ 3 loại hành động sau:

Remain at form - Giữ nguyên biểu mẫu. Nếu chọn hành động này thì trường “Redirect URL/Message”
Redirect URL - Điều hướng khách hàng đến một URL khác
Display message - Hiển thị một thông điệp

Redirect URL/Message - Nhập URL hoặc nội dung thông điệp bạn muốn hiển thị cho người dùng tương ứng với hành động đã chọn ở trường “Successful Submit Action”
Category - Chọn một danh mục trong danh sách để chỉ định cho chiến dịch của bạn.Việc chọn danh mục sẽ giúp bạn quản lý các chiến dịch dễ dàng hơn.
Published - Nhấp vào nút Bật/ Tắt để xuất bản hoặc hủy xuất bản chiến dịch.

Cần đảm bảo chiến dịch của bạn đã sẵn sàng hoạt động để xuất bản.

Ngoài ra bạn có thể cài đặt thời gian để xuất bản hoặc hủy xuất bản chiến dịch và một ngày cụ thể trong tương lai như sau:

Publish at (date/time) - Cài đặt thời gian chiến dịch sẽ được xuất bản. Nhấn vào ô nhập dữ liệu để chọn Ngày, Giờ mà chiến dịch sẽ được xuất bản.

Unpublish at (date/time) - Cài đặt thời gian mà chiến dịch sẽ hủy xuất bản. Làm tương tự như cài đặt Publish at (date/time) và đảm bảo rằng thời gian hủy xuất bản chiến dịch phải lớn hơn thời gian chiến dịch được xuất bản
Theme - Hệ thống hỗ trợ các chủ đề của biểu mẫu, có thể chọn chủ đề phù hợp với nhu cầu của bạn để biểu mẫu sinh động hơn.

Nhấn tab “Fields” để thêm các trường bạn cần khách hàng cung cấp thông tin.

Nhấn vào combobox “Add a new field” để chọn kiểu input của trường cần thêm.

Nhấn vào kiểu dữ liệu bạn cần thu thập sau đó cài đặt các thông số cần thiết.

Ví dụ: Chọn kiểu input “Email” cho trường thông tin “Email” trên biểu mẫu, hệ thống sẽ hiển thị popup cho phép bạn cài đặt các thông tin của trường như sau:

Các thông tin cần cài đặt ở tab “General”:

Label - Tên của trường sẽ hiển thị trên biểu mẫu sau khi lưu thành công. Trong ví dụ này Hub-js đặt là “Địa chỉ email”
Default value - Nhập giá trị mặc định của trường vào đây (nếu có)
Input placeholder - Nhập nội dung placeholder.
Show label? - Hiển thị hoặc ẩn label của trường bằng cách chọn YES/NO
Save result? - Chọn YES để lưu lại dữ liệu khách hàng nhập trong trường vào cơ sở dữ liệu.
Help message - Nhập nội dung hướng dẫn khách hàng điền thông tin và trường. Nội dung này sẽ hiển thị ở dưới textbox nhập dữ liệu.

Tab “Contact Field” - Tại tab này bạn cần chọn trường dữ liệu trên hệ thống campaign sẽ lưu thông tin khách hàng điền khi submit biểu mẫu.

Tab “Validation” - Tại tab này bạn nhấn “Yes” nếu bắt buộc phải thu thập thông tin từ khách hàng. Trong ví dụ này, tôi chọn “Yes” vì trường email là thông tin bắt buộc khách hàng phải nhập. Khi nhấn “Yes” hệ thống sẽ hiển thị trường “Validation message” - đây là nơi bạn nhập nội dung sẽ hiển thị khi khách hàng bỏ trống trường “Địa chỉ email”.

Các thông tin ở tab “Attributes” - Thêm các thuộc tính cho trường

Field HTML name - Đặt tên cho phần tử HTML. Lưu ý: Khi biểu mẫu đã được lưu, giá trị bạn nhập sẽ không thể chỉnh sửa. Nếu bạn để trống, hệ thống sẽ tự động tạo một giá trị từ nhãn của trường.
Label attributes - Thêm các thuộc tính HTML tùy chỉnh cho Label
Input attributes - Thêm các thuộc tính HTML tùy chỉnh
Field container attributes - Thêm các thuộc tính HTML tùy chỉnh cho thẻ div

Các thông tin ở tab “Behavior” - Cài đặt các hành vi của biểu mẫu

Show when value exists - Nhấn “No” nếu bạn muốn trường này ẩn đi sau khi khách hàng đã submit biểu mẫu
Auto fill data - Nhấn “Yes” nếu bạn muốn hệ thống tự động điền thông tin của trường - nhưng trường hợp này chỉ khả thi khi khách hàng có cùng 1 địa chỉ IP. Tính năng này hiện sẽ chỉ hoạt động đối với các biểu mẫu được nhúng vào trang đích của Hub-js.

Bước 5: Lưu biểu mẫu

Nhấn nút “Add” để lưu lại thông tin của trường vào biểu mẫu.

Page break (Ngắt trang)

Mỗi lần ngắt trang sẽ thêm một nút Tiếp tục / Quay lại (Tên các nút có thể tùy chỉnh) để điều hướng khách hàng đến trang tiếp theo hoặc quay trở lại trang trước. Nếu dấu ngắt trang được thêm vào sau nút “Submit”, nút “Tiếp tục” sẽ được thay thế bằng chính nút “Submit” khi biểu mẫu được tạo.

Lưu ý: Để thêm các trường liên qua đến vị trí như Tỉnh/Thành phố, Quận/Huyện, Phường/Xã vào form bạn thực hiện tương tự như các bước hướng dẫn tạo form ở trên, trong bước 4 phần "Add a new field" sẽ chọn các giá trị tương ứng như sau:

Province - Tỉnh/Thành phố
District - Quận/Huyện
Ward - Phường/Xã

--> Tại tab "Attributes" lưu ý không nhập dữ liệu của trường "Field HTML name", dữ liệu trường này hệ thống sẽ tự động tạo.

--> Hiện tại các trường liên quan đến vị trí địa lý của form khi chèn vào landing page chỉ hoạt động nếu bạn sử dụng code manual để chèn.

Quản lý biểu mẫu

Hệ thống hỗ trợ các hành động với 1 biểu mẫu như sau

Edit - Chỉnh sửa biểu mẫu

Clone - Nhân bản biểu mẫu

Preview - Xem trước giao diện của biểu mẫu, bạn có thể điền thông tin vào biểu mẫu và submit để kiểm tra việc thu thập dữ liệu điền form có hoạt động không.

Results - Xem chi tiết các kết quả khách hàng đã điền biểu mẫu.

Delete - Xóa biểu mẫu. Lưu ý: Những biểu mẫu đang được sử dụng trong Campaign Builder thì không được xóa, nếu xóa chiến dịch sẽ bị dừng.

Màn hình thông tin chi tiết biểu mẫu gồm

Line Chart - Biểu đồ thể hiện số lượng khách hàng điền biểu mẫu theo thời gian → giúp theo dõi một cách tổng quan hiệu quả điền biểu mẫu.

Recent Activity - Theo dõi các hành động tạo, cập nhật biểu mẫu của các người dùng khác trên hệ thống Campaign.

Fields - Xem nhanh danh sách các trường đang sử dụng trong biểu mẫu.

Để mở bản preview của biểu mẫu, bạn nhấn vào biểu tượng sau đó chọn hành động “Preview” → giao diện của biểu mẫu sẽ được hiển thị.

Để gắn biểu mẫu vào Landing page hoặc các website khác có 2 cách sau:
- Automatic - Với tùy chọn này, Hub-js sẽ tự động tạo biểu mẫu trên website được gắn đoạn mã trên hình, biểu mẫu sẽ được tự động cập nhật trên website khi có sự thay đổi về cài đặt trên hệ thống Campaign.
- Manual Copy - Với tùy chọn này, bạn có thể copy đoạn code để gắn lên website và tùy chỉnh nó theo style của website cho phù hợp, khi thay đổi cài đặt trên hệ thống Campaign → biểu mẫu sẽ không được tự động cập nhật. bạn phải thay thế code cũ của biểu mẫu thành đoạn code mới mà Campaign đã tự động tạo ra. Trong trường hợp website cần chèn nhiều form của Campaign thì đoạn code trong phần “Copy and paste into the document's head or body. If inserting multiple forms, only insert this once per page.” chỉ cần treo một lần.