Tạo form liên hệ cho website WordPress

Tháng Tư 3, 2019Blog Chia Sẻ Standard

Form liên hệ chính là 1 cách để người dùng website (khách hàng) có thể liên lạc với bạn khi họ có yêu cầu hoặc cần hỗ trợ vấn đề gì đó. Form liên hệ thường chứa các thông tin của người gửi như: Họ tên, Số điện thoại, email, địa chỉ, nội dung… Với những website sử dụng mã nguồn WordPress thì việc tạo 1 mẫu liên hệ đơn giản với các trường như đã nêu không khó. Rất nhiều plugin được viết để giúp bạn, đơn cử như: Contact Form 7, Ninja Form, Contact Form by WPForm… Và bài viết này xin được hướng dẫn các bạn cách sử dụng 1 vào plugin để tạo form liên hệ cho website WordPress của mình.

Tạo mẫu liên hệ với Contact Form 7

Để cài đặt Plugin này các bạn cần có quyền quản trị website cho phép cài đặt Plugin.

– Bước 1: Tại trang quản trị website, Gói mở rộng (Plugin) -> Cài mới  và gõ vào ô tìm kiếm với cụm từ “Contact Form 7” -> cài đặt và kích hoạt plugin Contact Form 7

Cài đặt và kích hoạt Plugin Contact Form 7

Cài đặt và kích hoạt Plugin Contact Form 7

– Bước 2: Tiếp theo tạo form liên hệ mới: Form liên hệ -> Tạo form mới
(Phía trên Tạo form mới là Danh sách Form – nơi quản lý tất cả những mẫu liên hệ đã tạo)

Tạo Form liên hệ mới

– Bước 3: Nhập các thông tin để hoàn thành việc tạo 1 form liên hệ cơ bản

+ Nhập tên Form (trong phần Tên Form)
+ Nhập các trường nhập thông tin khách hàng (trong phần Nội dung Form)

Nhập thông tin để tạo 1 form liên hệ mới

Một trường nhập thông tin có cấu trúc cơ bản như sau:
[<kiểu dữ liệu nhập> <tên trường nhập> <giá trị mặc định>]  – Ví dụ: [tel* sdt “Nhập số điện thoại”] (trong đó tel là nhập dữ liệu kiểu số điện thoại nếu là trường bắt buộc thì thêm dấu * ngay sau thành tel*, sdt là tên trường nhập, “Nhập số điện thoại” là giá trị mặc định).

Để dễ dàng bạn có thể click trực tiếp vào các kiểu dữ liệu nhập gợi ý sẵn ngay bên trên khung nhập nội dung form

Khởi tạo mục nhập dữ liệu mới

Khởi tạo mục nhập dữ liệu mới

– Bước 4: Cấu hình Email nhận và email phản hồi tự động

Chuyển qua tab Cấu hình Mail và chỉnh sửa các trường thông tin gửi mail

Nếu bạn tích chọn gửi mail phản hồi tự động sẽ hiển thị thêm phần cấu hình gửi tin phản hồi (tương tự như cấu hình email nhận thông tin). Bạn chỉ cần tùy biến lại nội dung tin là được.

Cấu hình email phản hồi tự động

Cấu hình email phản hồi tự động

– Bước 5: Sau khi lưu lại bạn sẽ thấy shortcode như hình dưới, hãy copy và dán vào nơi bạn muốn hiển thị form liên hệ (footer, sidebar hoặc trang liên hệ)

Tạo Form liên hệ với Plugin WPForms

– Bước 1: Tại trang quản trị tìm đến WPForms -> Add New , giao diện WPForms hiện ra chọn 1 mẫu form dựng sẵn (hiện tại WPForms cung cấp 3 template dựng sẵn, bạn có thể chọn Blank Form nếu muốn khởi tạo form từ đầu). Đừng quên đặt tên form trong phần Form Name

Tạo form liên hệ  bằng WPForms

Tạo form liên hệ bằng WPForms

– Bước 2: Thêm các trường cần thiết từ cột bên trái bằng cách click chọn

– Bước 3: Tùy chỉnh chi tiết trường nhập dữ liệu bằng cách click vào trường tương ứng bên cột phải

– Bước 4: Lưu form rồi quay trở lại danh sách các form đã khởi tạo (WPForms -> All Forms) bạn sẽ có Shortcode để dán vào nơi bạn muốn hiển thị Form liên hệ (hình dưới)

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *