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

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

Bạn nhấn vào nút , sau đó màn hình sẽ hiển thị 2 lựa chọn loại biểu mẫu như sau:

Hãy nhấn nút Lựa chọn ở loại biểu mẫu mà bạn cần tạo.

Nhập thông tin Chi tiết

Taiaj tab Chi tiết của màn hình tạo mới, bạn nhập thông tin như trong ảnh dươi đây:

• Tên: nhập tên của biểu mẫu (đây là thông tin bắt buộc)

• Thuộc tính của biểu mẫu: đâ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". Một số phần mềm có thể yêu cầu các thuộc tính tuỳ chỉnh này.

• Mô tả: 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, ....

• Hành động sau khi gửi biểu mẫu thành công: bạn cần 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:

• Ở lại trang hiên tại: tức là sau khi khách hàng gửi biểu mẫu thành công thì khách hàng sẽ ở lại trang này

• Chuyển đến một trang mới: Nếu bạn chọn hành động này, bạn bắt buộc phải điền vào trường Nhập URL chuyển hướng/Thông báo để điều hướng khách hàng đến URL đó sau khi khách hàng gửi form thành công.

• Hiển thị thông báo: Hiển thị một thông điệp sau khi khách hàng gửi biểu mẫu thành công. Nếu chọn hành động này, bạn bắt buộc phải nhập thông điệp sẽ gửi cho khách hàng vào trường Nhập URL chuyển hướng/Thông báo ở dưới.

Ngoài ra, bạn cần hoàn thiện các thông tin chung của biểu mẫu như sau:

• Danh mục: chọn một danh mục trong danh sách để chỉ định cho chiến dịch/ hoạt động 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.

• Xuất bản: Nhấp vào nút CÓ để xuất bản biểu mẫu.

• Thời gian bắt đầu xuất bản (ngày/giờ): chọn ngày/giờ bắt đầu phát hành biểu mẫu

• Thời gian dừng xuất bản (ngày/giờ): chọn ngày/giờ dừng phát hành biểu mẫu

• Vô hiệu hóa lập chỉ mục tìm kiếm: Nếu bạn chọn CÓ, tức là bạn muốn tắt hoặc ngừng quá trình tạo, cập nhật, hoặc sử dụng các chỉ mục tìm kiếm của biểu mẫu này trong hệ thống tìm kiếm

• Chế độ Kiosk: Nếu bạn chọn CÓ, tức là bạn cho phép việc gửi biểu mẫu sẽ không tạo ra cookie theo dõi khách hàng mới hoặc gán địa chỉ IP cho khách hàng được tạo/mở cập nhật.

• Kiểu kết xuất? Nếu bạn chọn CÓ, tức là bạn cho phép hiển thị CSS từ biểu mẫu

• Chủ đề: Bạn có thể chọn chủ đề thiết kế trang chứa biểu mẫu tại đây.

Nhập thông tin Trường

Hãy nhấn vào tab “Trường” để thêm các trường bạn cần khách hàng cung cấp thông tin.

Hãy nhấn vào hộp Thêm trường và chọn kiểu input của trường cần thêm.

Ví dụ: Bạn 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:

(1) Tổng quan:

Ở tab Tổng quan của kiểu input Email, bạn cần nhập các thông tin sau:

• Tên hiển thị trên biểu mẫu: nhập tên của trường sẽ hiển thị trên biểu mẫu sau khi lưu thành công. (Ví dụ: Địa chỉ email)

• Thông điệp trợ giúp: 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.

• Giá trị mặc định: nhập giá trị mặc định của trường vào đây (nếu có)

• Nhập placeholder: tên trường - hiển thị trong ô nhập

• Hiển thị tên trường?: hiển thị hoặc ẩn label tên của trường bằng cách chọn CÓ/ KHÔNG

• Lưu kết quả? - Chọn CÓ để lưu lại dữ liệu khách hàng nhập trong trường vào cơ sở dữ liệu.

(2) Trường liên kết:

Ở tab Trường liên kết của kiểu input, bạn cần chọn trường dữ liệu trên hệ thống, trường mà tại đó sẽ lưu thông tin khách hàng điền khi submit biểu mẫu.

Trong ví dụ này, với input email, bạn cần chọn trường liên kết là email để sau khi khách hàng điền email của họ vào thì thông tin đó sẽ được lưu ở trường email trên hệ thống.

(3) Xác thực:

Ở tab Xác thực của kiểu input Email, bạn nhấn “CÓ” nếu trường thông tin này bắt buộc phải nhập.

Trong ví dụ này, tôi chọn “CÓ” vì trường email là thông tin bắt buộc khách hàng phải nhập.

Khi nhấn “CÓ” hệ thống sẽ hiển thị trường “Thông báo kiểm tra” - đâ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”. Nếu bạn bỏ trống trường “Thông báo kiểm tra” thì hệ thống sẽ mặc định giá trị "Thông tin này là bắt buộc" ở trường này.

(4) Thuộc tính:

Ở tab Thuộc tính của kiểu input Email, bạn cần thêm các thuộc tính cho các trường dưới đây:

• Tên HTML: Đây là thuộc tính để đặt tên cho phần tử HTML tương ứng với trường dữ liệu trong mẫu email. Bạn có thể nhập tên bất kỳ cho phần tử này.

• Thuộc tính của tên trường: Thêm các thuộc tính HTML tùy chỉnh cho phần tử tên trường trong mẫu email. Bằng cách thêm thuộc tính HTML, bạn có thể tùy chỉnh cách hiển thị và hành vi của trường đó.

• Thuộc tính đầu vào: Thêm các thuộc tính HTML tùy chỉnh cho đầu vào (input) của trường dữ liệu trong mẫu email. Bằng cách thêm thuộc tính HTML, bạn có thể tùy chỉnh loại đầu vào (ví dụ: văn bản, số, ngày tháng), giới hạn đầu vào (ví dụ: độ dài tối đa), và các yêu cầu khác cho trường dữ liệu.

• Thuộc tính vùng chứa trường: Thêm các thuộc tính HTML tùy chỉnh cho phần tử vùng chứa (div) của trường dữ liệu trong mẫu email. Bằng cách thêm thuộc tính HTML, bạn có thể tùy chỉnh cách hiển thị và kiểu dáng của vùng chứa trường.

(5) Hành vi:

Ở tab Hành vi của kiểu input Email, bạn có thể cài đặt các hành vi của biểu mẫu như sau:

• Luôn hiển thị: Nhấn "CÓ" nếu bạn muốn trường này luôn được hiển thị trên biểu mẫu bất kể bạn cài đặt số lượng trường tối đa cùng lúc được hiển thị trên biểu mẫu là bao nhiêu.

• Hiển thị khi giá trị tồn tại: Nhấn “KHÔNG” nếu bạn muốn trường này bị ẩn đi sau khi khách hàng đã điền và gửi biểu mẫu

• Tự động điền dữ liệu: Nhấn “CÓ” 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 Platform.

• Hiển thị sau X lần gửi: Chỉ hiển thị trường này khi khách hàng hoàn thiện biểu mẫu X lần. Trong đó X là số lần gửi từ tuỳ chọn này.

Cuối cùng, nhấn nút Tạo mới để lưu thao tác thêm trường input vào biểu mẫu.

Tương tự, bạn có thể thêm các trường input khác cho biểu mẫu.

Cài đặt hành động xảy ra sau khi điền biểu mẫu

Hãy nhấn vào tab “Hành động” để thêm các hành động cho biểu mẫu:

Hành động biểu mẫu là các mục cần xử lý khi gửi biểu mẫu. Bạn có thể xác định nhiều hành động sẽ được thực hiện trên mỗi lần gửi. Hệ thống hỗ các hành động khác nhau có sẵn dựa trên loại biểu mẫu như sau:

• Cộng điểm cho khách hàng: thay đổi điểm cho khách hàng

• Record UTM Tags: Ghi lại các thẻ UTM. UTM tags là các tham số được thêm vào URL để theo dõi nguồn gốc và hiệu quả của các hoạt động tiếp thị trên website. Chúng giúp đo lường và tối ưu hóa chiến dịch tiếp thị dựa trên dữ liệu thu thập được.

• Thay đổi funnel của khách hàng: funnel (nguồn ghi nhận) của khách hàng sẽ được thay đổi dựa trên hoạt động điền biểu mẫu

• Thay đổi tag của khách hàng: gán cho khách hàng nhãn khác

• Thay đổi điểm của công ty: tăng/giảm điểm của nhóm công ty

• Thay đôi đối tượng tuỳ chỉnh của khách hàng: thêm/xoá khách hàng khỏi tệp đối tượng tuỳ chỉnh nào đó

• Xoá khách hàng khỏi danh sách không liên hệ: nếu một khách hàng trước đó bị thêm vào danh sách không liên hệ, sau khi khách hàng điền biểu mẫu thì sẽ được tự động xoá khỏi tệp đó

• Gửi email cho khách hàng: gửi email ngay sau khi khách hàng gửi form thành công

• Gửi email cho người dùng: gửi email cho các tài khoản trên hệ thống nhằm thông báo có khách hàng đã hoàn thành biểu mẫu

• Gửi kết quả điền biểu mẫu: gửi kết quả điền biểu mẫu cho khách hàng sau khi họ điền form

• Tải xuống: sau khi khách hàng điền form, họ sẽ được nhận quyền truy cập vào một tài nguyên nào đó của doanh nghiệp, ví dụ như file/ebook...

• Đăng kết quả lên một biểu mẫu khác

• Đẩy thông tin khách hàng vào hệ thống tích hợp

• Khởi tạo ticket sau khi submit form

Lưu biểu mẫu

Nhấn Lưu & Đóng để lưu thao tác tạo biểu mẫu.

Gắn biểu mẫu lên landing page

Trên trang chi tiết biểu mẫu vừa tạo, nhấn Sao chép thủ công hoặc Sao chép tự động để lấy đoạn mã cửa form như sau:

Hệ thống sẽ hiển thị hai đoạn mã của form như sau:

Bạn cần sao chép các đoạn mã và gắn lên landing page mà bạn muốn tạo.

Tham khảo bài viết Nhúng biểu mẫu lên website để thao tác bạn nhé.