Một Form Liên hệ rất hữu ích cho trang web của bạn. Contact Form 7 giúp giữ email bí mật để giảm spam và giúp khách truy cập có thể liên hệ với bạn một cách nhanh chóng. Nếu bạn đã tạo một Trang Liên hệ trên website WordPress của bạn, thì rất dễ dàng để thêm một form liên hệ, cá nhân hóa và tiếp nhận tin nhắn từ khách truy cập.
Bạn cần chuẩn bị gì?
- Truy cập vào trang quản trị WordPress.
Cách sử dụng Contact Form 7 trên WordPress
Bước 1: Cài đặt Contact Form 7
Đăng nhập vào trang quản trị của WordPress, chọn Plugins > Add new ở menu bên trái màn hình. Gõ “Contact form 7” và bấm Enter để tìm kiếm. Nhấn Install để cài đặt. Sau khi cài đặt hoàn tất, chọn Activate để kích hoạt plugins.
Bước 2: Tạo một biểu mẫu bằng Contact Form 7
Sau khi cài đặt và kích hoạt plugins này, một menu Contact mới xuất hiện ở bên trái trong phần quản trị của WordPress.
- Chọn vào mục Contact > Add new để tạo một form đầu tiên.
- Thêm phần tiêu đề cho form (ví dụ: WordPress Contact Form).
- Một vài label và input field đã được thêm sẵn để giúp bạn dễ dàng bắt đầu. Bạn có thể xóa chúng đi và thêm vào những cái khác bằng cách chọn vào danh sách phía trên khung soạn thảo.
- Nếu bạn chưa chắc chắn, hãy để mặc định để tìm hiểu về ý nghĩa của nó. Bạn có thể dễ dàng quay lại để chỉnh sửa sau. Dựa vào các labels hay input fields mà bạn chọn, đoạn mã cuối cùng có thể tương tự như sau:
Your Name (required) [text* your-name] Your Email (required) [email* your-email] Subject [text your-subject] Your Message [textarea your-message] [submit "Send"]
Bạn có thể thêm vào các thành phần mà bạn cần bằng cách lựa chọn ở menu. Dấu * cho biết những phần đó là bắt buộc trong form.
Bước 3: Thiết lập định dạng email
Khi khách truy cập gửi thông tin cho bạn thông qua form, bạn sẽ nhận được email chứa tên, địa chỉ liên lạc và thông điệp của họ. Bạn có thể cài đặt phần email trong tab Email, một vài mail-tags được liệt kê sẽ giúp bạn thiết kế email theo ý muốn.
Bước 4: Cá nhân hóa trải nghiệm người dùng
Trong tab Messages, bạn có thể tùy chỉnh các thông điệp gửi đến khách truy cập khi họ nhấn Submit trên form. Ví dụ: bạn có thể để lại thông điệp cảm ơn khi người dùng gửi thành công thông điệp qua form hoặc một thông điệp khác khi họ gặp lỗi (sai địa chỉ email hoặc không điền đủ các mục bắt buộc).
Bước 5: Lưu và xuất bản biểu mẫu
Khi tất cả đã sẵn sàng, bạn có thể bấm Save ở menu bên phải để lưu lại. Một khi form đã được lưu, bạn sẽ được cung cấp một shortcode như sau:
[contact-form-7 id="123" title="WordPress Contact Form"]
Để đặt form này lên trang của bạn, hãy:
- Copy lại đoạn shortcode.
- Dán đoạn shortcode này vào một trang, một bài viết hoặc một widget ở vị trí mà bạn muốn hiển thị.
- Kết quả cuối cùng sẽ như sau:
Bước 6: Kiểm tra lại Form đã tạo
Một điều rất quan trọng sau khi tạo Contact Form 7 là bạn cần kiểm tra lại việc gửi và nhận thông tin. Hãy truy cập trang web của bạn và điền form như là một khách truy cập. Kiểm tra email, nếu nhận được thông tin thì bạn đã thành công.
Bạn có thể chỉnh sửa lại form liên hệ theo yêu cầu nhưng hãy nhớ bấm nút Save để lưu lại nhé.
Lời kết
Bằng bài hướng dẫn này, bạn đã dễ dàng tạo một form để nhận thông tin từ khách truy cập thông qua email. Bạn có thể thoải mái cá nhân hóa Contact Form 7 đến khi cảm thấy hài lòng. Bạn cũng có thể thử dùng thêm plugins Flamingo để lưu lại các thông điệp khách truy cập gửi vào database phòng khi máy chủ mail gặp sự cố.