Shein Many GEO's

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7

Tạo form liên hệ trong WordPress là một việc mà gần blogger nào cũng cần phải làm ngay sau khi cài đặt thành công blog/website. Form liên hệ sẽ giúp người đọc, khách hàng dễ dàng liên gửi thông tin liên hệ với bạn bất cứ lúc nào ngay trên website.

Bài viết này chúng tôi sẽ hướng dẫn bạn cách tạo form liên hệ chuyên nghiệp bằng plugin contact form 7. Đây là một plugin phổ biến và được rất nhiều người sử dụng, hiện lượt tải về đã lên đến hơn 1 triệu.

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 1

Việc đầu tiên bạn cần là cài đặt plugin contact form 7, tham khảo cách cài đặt một plugin chi tiết.

Bạn có thể cài đặt Contact Form 7 bằng hai cách:

  • Tải plugin Contact Form 7 từ WordPress.Org và cài đặt thông qua trình Tải tệp trong Gói mở rộng
  • Tìm kiếm plugin Contact Form 7 trong WordPress Plugin Search Box

Còn ở đây, mình sẽ hướng dẫn thông qua việc tìm kiếm trong WordPress Plugin Search Box

Hướng dẫn tạo form liên hệ với contact form 7

Bước 1. Vào Plugin > Cài mới

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 2

Bước 2. Gõ Contact Form 7 vào ô Tìm kiếm gói mở rộng

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 3

Bước 3. Cài đặt Contact Form 7

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 4

Bước 4. Kích hoạt Contact Form 7

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 5

Sau khi cài đặt và kích hoạt thành công plugin contact form 7. Chúng ta sẽ qua bước tiếp theo.

Bước 5: Tạo form liên hệ mới bạn nhấn vào form liên hệ > Cài mới

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 6

Tiếp theo bạn cần nhập một tiêu đề cho form cần tạo. Tiêu đề này giúp bạn phân biệt các form khác nhau, giúp dễ quản lý.

Trong tab Form bạn sẽ thấy tất cả cá field được liệt kê. Một số field thường dùng đã được chèn sẵn.

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 7

Ý nghĩa của các fieds như sau:

  • Text: Trường dùng để bạn nhập text thông thường, thích hợp tạo field nhập tên, tiêu đề liên hệ,…
  • Email: Trường đặc biệt dùng để khách hàng nhập email của họ vào, lúc đó các hệ thống email sẽ hiểu rằng đây là email của người liên hệ để bạn có thể reply nhanh chóng.
  • URL: Trường dùng để nhập liên kết.
  • Tel: Một trường đặc biệt để nhập số điện thoại.
  • Number: Trường nhập số có thêm tính năng tạo nút tăng/giảm số.
  • Date: Trường riêng biệt để chọn ngày tháng, có tích hợp thêm tính năng chọn theo lịch.
  • Text area: Trường để nhập text, nhưng khung text to hơn. Thích hợp để làm form nhập nội dung liên hệ.
  • Dropdown menu: Trường chọn giá trị được định sẵn thông qua menu đổ xuống.
  • Checkboxes: Trường chọn giá trị định sẵn thông qua việc đánh dấu. (tick chọn)
  • Radio buttons: Cũng là trường đánh dấu giá trị có sẵn nhưng chỉ được chọn 1 giá trị
  • Quiz: Trường nhập nội dung theo kiểu quiz.
  • CAPTCHA: Trường nhập mã captcha kiểm tra, nếu nhập đúng thì mới có thể gửi form.
  • File upload: Trường cho phép upload tập tin khi gửi liên hệ qua form này.
  • Submit button: Chèn nút gửi form.

Để thêm bất kỳ field nào vào form liên hệ bạn chỉ cần click vào filed đó. Một cử sổ xuất hiện, bạn có thể đặt tên cho field, tick chọn ô Required field (mục bắt buộc) nếu yêu cầu bắt buộc cần nhập mới gửi được. (ví dụ hình bên dưới là field nhập số điện thoại)

Nhấp Insert Tag để chèn field vào form liên hệ

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 8

Hình dưới bạn thấy field số điện thoại đã được thêm vào.

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 9

 

Sau khi đã thêm đầy đủ các field cần thiết cho form bạn chuyển qua bước 6 .

Bước 6: Cấu hình email

Tại đây bạn cần copy các đoạn shortcode của field mà muốn nhận khi khách hàng gửi mail về cho bạn đưa vào ô M Tham khảo hình dưới, với những đoạn shortcode ở ô Message Body dưới đây thì bạn sẽ nhận được số điện thoại và nội dung thông điệp trong email.essage Body.

Lưu ý: Khung TO (Người Nhận) bạn cần nhập địa chỉ email muốn các form (Người Gởi) sẽ gửi về.

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 10

Nhớ nhấp Save sau mỗi lần cài đặt.

Bước 7: Chỉnh sửa chuyển qua tab Messages (Thông báo và chú ý).

Tại đây bạn cần dịch các thông tin tiếng Anh sang tiếng Việt. Các thông điệp này sẽ hiện ra khi khách hàng thao tác gửi form.

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 11

Bây giờ bạn cần copy đoạn shortcode màu xanh của form đã tạo.

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 12

Bạn cũng có thể vào tìm và lấy shortcode này vào Form liên hệ > chọn danh sách form

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 13

Dán đoạn code này vào trang liên hệ hay post nào đó bạn muốn.

Bước 8: Tạo trang liên hệ

Bạn vào Trang > Thêm trang mới sau đó điền tiêu đề là “LIÊN HỆ” tiếp theo copy shortcode vừa tạo dán vào trang. Sau đó chọn đăng (puplish).

 

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 14

Bước 9: Đưa trang liên hệ ra ngoài trang web

Bạn vào giao diện > menu

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 15

Sau đó tìm chọn và tích vào Trang liên hệ > Thêm vào menu

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 16

Bạn kéo menu theo ý muốn của bạn sau đó chọn menu chính > Lưu menu

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 17

Bạn sẽ có được một form liên hệ nhìn như thế này

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 18

Khi độc giả của bạn click vào Trang và liên hệ với bạn, bạn sẽ thấy như thế này

Hướng dẫn Cách tạo form liên hệ trong WordPress với Contact Form 7 19

Sau khi khách hàng điền form liên hệ và gửi, bạn sẽ nhận được nội dung email như hình bên dưới.

Nhìn rất chuyên nghiệp phải không nào? Bạn có thể sử dụng form này và thêm các field tuỳ theo mục đích của mỗi form khác nhau.

Nếu bạn muốn có một chút thay đổi cho phần liên hệ thêm sinh động và nhiều tính năng hơn hãy tham khảo top10 plugin liên hệ cho wordpress tốt nhất hiện nay. Chúng tôi đã chọn lọc ra một plugin WPforms dành cho liên hệ và cũng có bài hường dẫn cài đặt plugin này

Vấn đề không gởi được form liên hệ

Nếu bạn không gửi được email qua form thì vấn đề là do nhà cung cấp host của bạn đã chặn hàm gửi mail Tiếp theo, bạn cần cấu hình SMTP để gửi mai.

Làm theo hướng dẫn: Cấu hình SMTP để biết cách nhé!

Trên đây là hướng dẫn cách tạo form liên hệ trong WordPress bằng plugin Contact Form 7. Bạn có thể áp dụng để tạo form giúp giao tiếp tốt nhất và nhanh nhất với khách hàng, đọc giả trên blog của mình. Chúc bạn thành công!

Reply

%d bloggers like this: