Hướng dẫn sử dụng Contact Form 7 từ A đến Z

Contact Form 7 là plugin tạo form liên hệ miễn phí phổ biến nhất trên nền tảng WordPress, với hơn 10 triệu lượt cài đặt đang hoạt động. Plugin cho phép xây dựng form liên hệ đơn giản đến phức tạp chỉ trong vài phút, hoàn toàn không cần biết lập trình. Điểm mạnh lớn nhất là khả năng tùy biến sâu thông qua shortcode và hỗ trợ tích hợp sẵn trong các page builder phổ biến như Elementor, WPBakery hay Gutenberg Block Editor.

Nếu bạn đang xây dựng website WordPress và cần một form liên hệ đáng tin cậy, Contact Form 7 kết hợp với một hosting tốc độ cao sẽ giúp trải nghiệm gửi form của người dùng luôn mượt mà. Bài viết dưới đây hướng dẫn toàn bộ quy trình từ cài đặt, cấu hình đến nhúng form vào website.

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

Quá trình cài đặt plugin Contact Form 7 rất đơn giản, chỉ cần thực hiện 3 bước ngay trong trang quản trị WordPress:

Bước 1: Đăng nhập vào WordPress Dashboard, vào Plugins > Add New Plugin.

Bước 2: Nhập từ khóa Contact Form 7 vào ô tìm kiếm, sau đó nhấn Enter.

Bước 3: Nhấn Install Now rồi nhấn Activate để kích hoạt plugin.

Sau khi kích hoạt, menu Contact sẽ xuất hiện ngay trên thanh điều hướng trái của WordPress Dashboard. Toàn bộ quản lý form đều thực hiện tại đây.

Cách tạo form liên hệ mới trong Contact Form 7

Sau khi cài xong, vào Contact sẽ thấy một form mẫu tên Contact form 1 đã được tạo sẵn với các trường thông tin cơ bản. Bạn có thể dùng luôn form này hoặc tạo form mới theo nhu cầu.

Để tạo form mới, vào Contact > Add New. Plugin sẽ tự động điền tên, nhưng tốt nhất bạn nên đặt tên riêng và có ý nghĩa cho từng form, đặc biệt khi quản lý nhiều form trên cùng một website.

Hướng dẫn cấu hình và tùy chỉnh Contact Form 7

Khi tạo form mới hoặc chỉnh sửa form có sẵn, bạn sẽ thấy giao diện editor với các trường mặc định gồm:

• Your name: Tên người gửi form
• Your email: Địa chỉ email người điền
• Subject: Tiêu đề nội dung
• Your message: Nội dung tin nhắn

Đây là những thông tin cơ bản nhất của một form liên hệ chuẩn. Để bổ sung thêm các trường khác như số điện thoại, checkbox tùy chọn, hay dropdown lựa chọn dịch vụ, bạn sử dụng các Tag Generator được tích hợp sẵn ngay phía trên khu vực soạn thảo form. Mỗi tag được bao trong cặp ngoặc vuông, cần đảm bảo không xóa nhầm ký tự để tránh form bị lỗi hiển thị.

Nếu bạn cần hỗ trợ cấu hình form theo yêu cầu đặc biệt, có thể tham khảo dịch vụ hỗ trợ theo yêu cầu để được tư vấn trực tiếp.

Cài đặt email cho Contact Form 7 nhận thông báo đúng cách

Để nhận được email thông báo mỗi khi có người điền form, cần thực hiện hai việc: cấu hình tab Mail trong Contact Form 7 và thiết lập SMTP cho website.

Cấu hình tab Mail trong Contact Form 7

Chuyển sang tab Mail trong giao diện chỉnh sửa form. Các trường cần chú ý:

• To: Địa chỉ email nhận thông báo khi có form được gửi đến.
• From: Email hiển thị của người gửi, dùng tag [your-name] để lấy tên từ form.
• Subject: Tiêu đề email nhận được trong hộp thư.
• Additional Headers: Cấu hình CC hoặc BCC để chuyển tiếp đến email khác nếu cần.
• Message Body: Nội dung email bạn đọc trong hộp thư, có thể tùy chỉnh bố cục hiển thị thông tin.

Cấu hình SMTP để đảm bảo gửi email thành công

Mặc định WordPress gửi mail qua hàm PHP mail vốn rất dễ bị rơi vào hòm thư rác hoặc bị chặn hoàn toàn bởi một số hosting. Giải pháp chuẩn là cài thêm plugin SMTP như WP Mail SMTP hoặc FluentSMTP, sau đó kết nối với dịch vụ gửi mail như Gmail, Brevo (Sendinblue), hay Amazon SES để đảm bảo email đến hộp thư đúng cách và ổn định.

Việc chọn đúng gói hosting có hỗ trợ SMTP và cấu hình email tốt cũng góp phần quan trọng giúp form liên hệ hoạt động tin cậy trong dài hạn.

Xem chi tiết hướng dẫn: Cấu hình gửi mail bằng SMTP cho website WordPress

Cách chèn Contact Form 7 vào trang, bài viết hoặc widget

Sau khi hoàn tất cấu hình, có hai cách chính để nhúng form vào website:

Cách 1: Dùng shortcode. Copy đoạn shortcode hiển thị ngay bên cạnh tên form (dạng [contact-form-7 id="..." title="..."]) rồi dán vào bất kỳ vị trí nào: trang, bài viết, hay widget text.

Cách 2: Dùng block Contact Form 7 trong Gutenberg. Khi soạn thảo bằng Block Editor, thêm block mới và tìm kiếm “Contact Form 7”, sau đó chọn form cần hiển thị từ danh sách thả xuống. Cách này trực quan hơn và không cần nhớ shortcode.

Ngoài hai cách trên, hầu hết các page builder như Elementor đều có widget riêng cho Contact Form 7, giúp nhúng form nhanh chóng và căn chỉnh giao diện linh hoạt trong quá trình thiết kế trang. Nếu bạn muốn khám phá thêm các theme WordPress tương thích tốt với Contact Form 7, có thể xem qua kho theme phong phú để tìm giao diện phù hợp nhất.

Trong trường hợp cần thêm trợ giúp hoặc gặp sự cố trong quá trình thiết lập, bạn có thể liên hệ để được hỗ trợ trực tiếp.

Câu hỏi thường gặp về Contact Form 7

Contact Form 7 có miễn phí không?

Có, Contact Form 7 hoàn toàn miễn phí và mã nguồn mở. Plugin được cung cấp trên kho chính thức WordPress.org mà không yêu cầu bất kỳ phí bản quyền nào. Một số tính năng nâng cao như thanh toán hay lưu dữ liệu form cần thêm plugin bổ trợ của bên thứ ba.

Contact Form 7 gửi mail không nhận được phải làm gì?

Nguyên nhân phổ biến nhất là WordPress đang dùng hàm PHP mail mặc định bị hosting chặn hoặc bị lọc vào spam. Giải pháp là cài thêm plugin SMTP như WP Mail SMTP, kết nối với tài khoản Gmail hoặc dịch vụ email chuyên dụng, sau đó kiểm tra lại chức năng gửi thử trong phần cài đặt SMTP.

Có thể dùng Contact Form 7 với Elementor không?

Có. Elementor hỗ trợ widget Contact Form 7 tích hợp sẵn. Chỉ cần kéo widget vào trang và chọn form cần hiển thị. Ngoài ra có thể dùng shortcode của Contact Form 7 trong widget Text hoặc HTML của Elementor.

Contact Form 7 có lưu dữ liệu form vào database không?

Mặc định Contact Form 7 không lưu dữ liệu form vào database, chỉ gửi qua email. Để lưu trữ và xem lại các lần gửi form, cần cài thêm plugin Flamingo do cùng tác giả phát triển và hoàn toàn miễn phí.

Contact Form 7 có hỗ trợ Google reCAPTCHA không?

Có. Contact Form 7 hỗ trợ tích hợp Google reCAPTCHA v2 và v3 để chống spam. Cấu hình tại Contact > Integration, nhập Site Key và Secret Key lấy từ trang quản trị Google reCAPTCHA. Sau khi kích hoạt, biểu tượng reCAPTCHA sẽ hiển thị trên form tự động.

Shortcode Contact Form 7 đặt ở đâu trên website?

Shortcode có thể đặt ở bất kỳ vị trí nào hỗ trợ nội dung, bao gồm trang (Pages), bài viết (Posts), widget, và vùng soạn thảo của các page builder. Shortcode có dạng [contact-form-7 id="ID" title="Tên form"], lấy trực tiếp từ danh sách form trong menu Contact.