Contact Plugin (Contact Form)

Contact Plugin tạo form liên hệ: khách điền thông tin, quản trị viên nhận lại ở màn hình Contact Form. Gồm hai phần: Section hiển thị form trên trang, và màn hình quản lý các lượt gửi.

Bước 1 — Cài tiện ích

Vào Plugins → Add Plugin, bấm Install ở Contact Plugin (cách cài xem Quản lý tiện ích & Plugins Store). Menu trái xuất hiện mục Contact Form trong nhóm Manage Plugin.

Mở Contact Form và chờ khởi tạo xong

Lần đầu mở Contact Form, màn hình quay vòng (loading) vài giây. Chờ đến khi hiện bảng Form submissions thì form mới sẵn sàng.

Bước 2 — Thêm form vào trang

Mở Pages và chọn trang cần đặt form (thường là trang contact).

Bấm Add new section, cuộn xuống cuối danh sách và chọn Contact plugin.

Section CONTACT PLUGIN xuất hiện ở cuối Content blocks. Bấm vào để chỉnh.

Bấm Build… khi chỉnh xong.

Trình chỉnh sửa trang contact: bên trái là form Contact plugin với ô chọn hiệu ứng Animation Section, công tắc Active section và ô soạn Title; bên phải là bản xem trước form có các ô First Name, Last Name, Email, Phone Number, Message và khung tải tệp đính kèm. — Section Contact plugin (trái) và form hiện ra ở bản xem trước (phải).

Select Effect / Animation SectionChọn hiệu ứng chuyển động (Animation) cho khối.
Active sectionBật/tắt hiển thị form trên trang.
TitleTiêu đề phía trên form (ví dụ Contact), soạn thảo như Word.
Bản xem trướcForm hiện ngay bên phải khi bạn thêm Section.

Kéo xuống để thấy các thiết lập còn lại:

Phần dưới của form Contact plugin: ô màu Color Text, hộp chọn Width Form đang là 1/2, ô số Border Radius Fields và danh sách Form gồm First Name, Last Name, Email, Phone Number. — Màu chữ, độ rộng form và danh sách ô nhập.

Sub TitleDòng mô tả dưới tiêu đề.
Background Color / Background ImageMàu nền hoặc ảnh nền của khối.
Color TextMàu chữ của form.
Width FormĐộ rộng form: full (toàn chiều ngang) hoặc 1/2 (một nửa).
Border Radius FieldsĐộ bo góc các ô nhập (số, 0 = vuông góc).
FormDanh sách các ô nhập: First Name, Last Name, Email, Phone Number, Message, Attachments, Select. Kéo ≡ để đổi thứ tự, Add block để thêm ô.
ButtonNút gửi form (nhãn chữ).

Sửa một ô nhập

Bấm vào một dòng trong danh sách Form (ví dụ First Name):

Chi tiết một ô nhập của form: Type Fields là text, Option Type là select, công tắc Required đang bật, Text Required, Label First Name, Placehoder Please enter first name, Width Fields 1/2 và danh sách Options. — Các trường của một ô nhập.

Type FieldsLoại ô nhập, ví dụ text.
Option TypeKiểu lựa chọn, chỉ dùng khi loại ô là dạng chọn (option).
RequiredBật = khách bắt buộc phải điền.
Text RequiredCâu báo khi khách bỏ trống ô bắt buộc.
LabelTên hiển thị phía trên ô.
PlacehoderChữ gợi ý mờ trong ô.
Width FieldsĐộ rộng ô: 1/2 (hai ô cạnh nhau) hoặc full (cả hàng).
OptionsDanh sách lựa chọn cho ô dạng chọn.

Chữ trên form khách thấy

Chữ nhãn và gợi ý trên form tiếng Anh theo mặc định. Đổi Label, Placehoder và Text Required sang tiếng Việt nếu khách của tiệm dùng tiếng Việt.

Bước 3 — Xem thông tin khách gửi

Mở Manage Plugin → Contact Form. Màn hình Form submissions ("All of your form submissions - in one place") liệt kê mọi lượt khách gửi.

Form submissionsDanh sách các lượt gửi. Hiện No data khi chưa có ai gửi.
Search form…Ô tìm trong danh sách.
Setting
Keyword Rules

Tiếp theo: Review Plugin

Bước 1 — Cài tiện ích

Bước 2 — Thêm form vào trang

Sửa một ô nhập

Bước 3 — Xem thông tin khách gửi

Mục lục