5/5 - (2 bình chọn)

Nếu bạn đang tìm top những plugin nên cài đặt cho WordPress, một trong những plugin luôn được đề cập đến đó chính là Contact Form 7. Vậy Contact Form 7 gì? Vì sao nên sử dụng Contact Form 7? Cách sử dụng Contact Form 7 ra sao? Tất cả những câu hỏi này sẽ được Tino Group giải đáp giúp bạn trong bài viết nhé!

Tìm hiểu về Plugin Contact Form 7

Contact Form 7 là gì?

Đúng như cái tên của mình, Contact Form 7 là một plugin hỗ trợ tạo form cho các website WordPress. Nếu như bạn đang cần 1 plugin tạo form có thể tùy biến sâu và hoàn toàn miễn phí, Contact Form 7 sẽ là một plugin vô cùng phù hợp với bạn.

Có lẽ bạn đã biết, Contact Form 7 nổi tiếng đến mức hầu hết các bài viết giới thiệu plugin nên cài đặt hoặc plugin nên “có mặt” trong website WordPress đều nhắc đến tên của Contact Form 7. Chính vì sự nổi tiếng của mình, có rất nhiều nhà phát triển thứ 3 đã tạo ra thêm những tính năng khác để hỗ trợ cho Contact Form 7, đến cả những page builder mạnh mẽ, họ cũng hỗ trợ tích hợp sẵn một khối block riêng cho Contact Form 7.

word image 1194

Vì sao nên sử dụng Contact Form 7?

Lý do lớn nhất bạn nên sử dụng plugin Contact Form 7 là vì sự nổi tiếng và miễn phí của Contact Form 7.

  • Contact Form 7 có một cộng đồng người sử dụng và người sẵn sàng hỗ trợ cho bạn rất lớn.
  • Không gửi thông tin điền vào form lên máy chủ của nhà sản xuất.
  • Không giới hạn số form tạo ra
  • Dễ dàng cấu hình email
  • Khả năng tùy biến rất cao
  • Dễ sử dụng và được cấu hình mẫu sẵn cho người mới
  • Kết hợp được với rất nhiều plugin hỗ trợ gia tăng tính năng
  • Có hỗ trợ tiếng Việt

Hướng dẫn sử dụng Contact Form 7

Hướng dẫn cài đặt Contact Form 7

Để có thể sử dụng Contact Form 7, trước tiên chúng ta sẽ cần phải cài đặt Contact Form 7. Quá trình cài đặt plugin Contact Form 7 rất đơn giản, bạn chỉ cần theo dõi những bước sau đây:

Bước 1: đăng nhập vào WordPress Dashboard => Plugins => Add New

word image 1195

Bước 2: gõ từ khóa Contact Form 7 vào ô tìm kiếm trong Add Plugins sau đó bấm tìm/ Enter.

Bước 3: bấm vào Install => Active để cài đặt và kích hoạt Contact Form 7.

word image 1196

Sau khi cài đặt xong, bạn có thể tìm thấy plugin Contact Form 7 ngay trên menu dọc của WordPress tại Contact.

word image 1197

Cách tạo một Contact Form mới

Sau khi đã cài đặt xong, bạn bấm vào Contact, bạn sẽ thấy có 1 form có tên Contact form 1 được tạo sẵn và cấu hình mẫu thông tin sẵn.

word image 1198

Bạn có thể bấm vào xem thử form Contact form 1 và khám phá nội dung bên trong nếu bạn không thể ngăn được sự tò mò. Nếu không, trong phần setup tiếp theo, Tino Group sẽ hướng dẫn bạn cách để điều chỉnh các thông tin nhé!

Để tạo mới form trong Contact Form 7 bạn thực hiện thao tác đơn giản như sau: Contact => Add New.

Bạn có thể để Contact Form 7 tự động tạo tên cho form. Nhưng tốt nhất, bạn nên đặt tên riêng cho từng form để tránh trường hợp nhầm lẫn khi bạn phải quản lý nhiều form nhé!

Vậy là bạn đã tạo mới 1 form rồi đấy! Quá trình cực kỳ đơn giản đúng không nào!

Hướng dẫn setup Contact Form 7

Sau khi tạo mới fom, bạn sẽ thấy nội dung của form được tạo sẵn như sau:

word image 1199

Nhà phát triển không tự nhiên “thêm vào cho vui”, bạn có thể thấy trong form chính là những thông tin phổ biến nhất đấy! Trong đó:

  • Your name: tên của người gửi form
  • Your email: địa chỉ email của người điền form
  • Subject: tiêu đề của form
  • Your message: nội dung của form

Thông tin khi người dùng điền vào form sẽ được gửi trực tiếp đến email của bạn. Vì thế, nhà phát triển gắn những thông tin cơ bản nhất giống 1 email để bạn có thể sử dụng ngay nếu không biết bắt đầu từ đâu.

Để thêm các thông tin như số điện thoại, hộp checkbox để tùy chọn nội dung hay khoảng thời gian form gửi đến, bạn có thêm vào bằng các Tag-generator Tools được cấu hình sẵn => Thay đổi thông tin hiển thị trên form. Vậy là bạn đã có 1 mẫu form hoàn chỉnh rồi đấy!

Mỗi thông tin sẽ là 1 label, bạn chỉ cần đảm bảo không xóa đi dấu đóng mở ngoặc nào để tránh form bị lỗi.

word image 1200 750x581 1

Cài đặt email cho Contact Form 7

Để đảm bảo rằng mỗi khi người dùng điền form, bạn sẽ có 1 email thông báo, bạn sẽ cần đến 1 plugin cho phương thức SMTP.

Nếu bạn chưa biết cách để cấu hình SMTP hãy yên tâm, Tino Group sẽ hướng dẫn bạn! Trong trường hợp bạn đã biết, bạn có thể xem phần cấu hình mail trong Contact Form 7 và chuyển sang để tìm hiểu về cách chèn form Contact Form 7 nhé!

Cấu hình mail trong Contact Form 7

Để cấu hình mail trong Contact Form 7, bạn chuyển từ tab Form => tab Mail để thực hiện. Sau đây sẽ là cấu hình mặc định của Contact Form 7:

word image 1201 750x566 1

Trong đó, bạn sẽ thấy:

  • To: đây là địa chỉ email để bạn nhận thông báo khi có người điền form.
  • From: dùng để hiển thị nội dung email người gửi trong form. [your-name]: là một trường dùng để hiển thị tên người gửi.
  • Subject: là chủ đề của form gửi đến
  • Additional: đây là nơi bạn có cấu hình thêm một số nội dung như: CC hay BCC thư đến một email thứ 3. Bạn có thể sử dụng mail-tags để thực hiện gửi mail đến email khác trong ô này.
  • Message: đây là nội dung bạn sẽ nhìn thấy trong email của mình không phải của người gửi.

Cấu hình SMTP

Để đảm bảo email gửi được, các bạn cần cấu hình SMTP cho web. Cách làm các bạn xem chi tiết tại bài viết sau:

Cách để chèn Contact Form 7

Cách để chèn form trong Contact Form 7 vào bài viết, trang hay widget đều rất đơn giản, bạn có thể thực hiện theo 1 trong 2 cách như sau:

Cách 1: Copy shortcode và dán vào vị trí bạn muốn trong trang, bài viết hay widget bất kỳ.

word image 1203

Cách 2: sử dụng khối block Contact Form 7 được tạo sẵn trong Block Editor.

word image 1204 750x508 1

Vậy là chúng tôi đã hướng dẫn bạn cách sử dụng Contact Form 7 từ A đến Z rồi! Trong quá trình thiết lập bạn gặp những rắc rối hay những thắc mắc, bạn có theo dõi tài liệu hỗ trợ chính thức của Contact Form 7 và nhờ sự trợ giúp của cộng đồng đấy! Chúc bạn sử dụng Contact Form 7 thật tốt cho website của mình!

FAQs về cách sử dụng Contact Form 7

Những plugin có thể thay thế Contact Form 7 là gì?

Nếu bạn không thích sử dụng Contact Form 7, bạn sẽ có rất nhiều lựa chọn thay thế cho Contact Form 7 như: WPforms, Ninja Forms, Formidable Forms, Gravity Formsu003cbru003eĐể có thể tìm thêm những plugin hỗ trợ tạo form khác, bạn có thể lên cửa hàng WordPress.org và tìm từ khóa u003cstrongu003eform u003c/strongu003esau đó tham khảo những plugin tạo form phù hợp với bạn nhé!

Làm sao để Contact Form 7 trở nên đẹp hơn?

Để form của bạn trở nên đẹp hơn trong Contact Form 7, cách duy nhất bạn có thể thực hiện là kết hợp và sử dụng CSS để làm cho form Contact Form 7 của bạn trở nên đẹp hơn.u003cbru003eTuy nhiên, có rất nhiều plugin khác hỗ trợ việc kéo thả tạo form hoàn toàn miễn phí nếu bạn muốn, bạn có thể tham khảo thêm.

Plugin nào để xuất file liên hệ trong Contact Form 7?

Để xuất danh sách những người đã điền 1 form nào đó trong Contact Form 7 của bạn, bạn sẽ cần cài đặt thêm plugin Contact Form 7 Database Addon – CFDB7. Sau khi cài xong, plugin nào sẽ lưu lại toàn bộ danh sách khách hàng, bạn chỉ việc bấm nút để xuất ra file excel (.csv) mà dùng thôi.

Bài viết tương tự

Trả lời

Email của bạn sẽ không được hiển thị công khai.