Trình tạo mẫu cấu hình Contact Form 7 là một trong những công cụ phổ biến và lâu đời nhất để xây dựng biểu mẫu liên hệ trên nền tảng mã nguồn mở WordPress. Mặc dù nổi tiếng, nhiều người vẫn gặp khó khăn khi sử dụng Contact Form 7.

Trong bài viết này, Trust Media sẽ hướng dẫn bạn các bước cơ bản và hiệu quả nhất để cài đặt và sử dụng cấu hình Contact Form 7

Mục Lục

Cấu hình Contact Form 7 là gì?

Cấu hình Contact Form 7 là một plugin miễn phí dành cho WordPress, cho phép tạo các khung liên hệ trên trang web của bạn. Được sử dụng rộng rãi và được người dùng đánh giá cao với những ưu điểm về tính tiện dụng, dễ sử dụng, dung lượng nhẹ, và tương thích tốt với cả người dùng và website.

Việc sử dụng Contact Form mang lại nhiều lợi ích, cho phép điều chỉnh nội dung và hình thức của email một cách linh hoạt theo ý muốn. Chức năng này thường được sử dụng trên nhiều trang web bán hàng, trung tâm đăng ký học, hoặc dưới dạng các biểu mẫu điền thông tin và địa chỉ liên hệ. Đây đóng vai trò quan trọng trong việc khuyến khích hành vi của khách hàng, thu thập thông tin liên hệ một cách hữu ích và có tính chọn lọc. Đồng thời, nó cũng mang lại tiện ích cho người dùng khi họ muốn để lại thông tin liên hệ.

Ngoài ra, plugin này còn hỗ trợ nhiều tính năng cao cấp khác như captcha, việc gửi thông tin qua Ajax, và bộ lọc spam Akismet để cung cấp trải nghiệm tốt hơn cho người dùng.

6 bước tạo cấu hình Contact Form 7 trên WordPress

Bước 1: Tải và cài đặt Contact Form 7

Tải Contact Form 7 và sau đó truy cập giao diện quản trị của website. Đi đến WordPress Dashboard -> Plugin -> Cài mới và tìm kiếm plugin “Contact Form 7”.
Cài đặt plugin và kích hoạt nó trên WordPress.

Bước 2: Tạo cấu hình Contact Form 7

Khi plugin đã được kích hoạt, nhấn vào Contact form -> Add new. Nếu có biểu mẫu mặc định, bạn có thể chỉnh sửa cấu trúc bằng cách chọn Edit.
Khi thêm mới, điền thông tin như tên form và sửa các giá trị mặc định có sẵn trong nội dung form.
Các trường quan trọng bao gồm: Your name (Họ tên của khách hàng), Your email (Email của khách hàng), Your Subject (Tiêu đề liên hệ), Your message (Nội dung tin nhắn), và nút gửi liên hệ. Bạn có thể mở rộng form liên hệ sử dụng các công cụ có sẵn từ Contact Form 7.

Bước 3: Cấu hình gửi email

Thiết lập cấu hình gửi email bằng cách chọn Tab -> Cấu hình mail theo hình ảnh dưới đây.
Các mục quan trọng ở đây bao gồm Mail nhận (Địa chỉ email nhận thư liên hệ), Mail gửi (Email của doanh nghiệp), Tiêu đề (Tiêu đề email), Additional headers (Tiêu đề bổ sung), và Message body (Nội dung email).

Bước 4: Cài đặt thông báo email

Chọn Tab -> Thông báo và điều chỉnh nội dung trong các khung thông tin hiển thị.
Lưu lại Form liên hệ sau khi điều chỉnh.

Bước 5: Thêm khung liên hệ vào trang web WordPress

Sau khi hoàn tất cấu hình, sao chép đoạn shortcode hiển thị để dán vào bài viết hoặc trang web mà bạn muốn hiển thị form.

Bước 6: Kiểm tra kết quả

Dán shortcode vào trang hoặc bài viết để kiểm tra và xem form liên hệ đã hoạt động như mong muốn chưa.

Với các bước trên, bạn sẽ có một khung liên hệ hoạt động, giúp thu thập thông tin liên hệ hiệu quả cho chiến dịch marketing của mình.

Hướng dẫn sử dụng chi tiết cấu hình Contact Form 7

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

Để bắt đầu sử dụng Contact Form 7, trước hết, bạn cần cài đặt plugin này. Quá trình cài đặt Contact Form 7 rất đơn giản, chỉ cần tuân theo các bước sau:

Bước 1: Đăng nhập vào WordPress Dashboard => Plugins => Add New.
Bước 2: Tìm kiếm “Contact Form 7” trong ô tìm kiếm của Add Plugins và bấm tìm/Enter.
Bước 3: Chọn Install => Active để cài đặt và kích hoạt Contact Form 7.

Sau khi cài đặt hoàn tất, bạn sẽ thấy plugin Contact Form 7 xuất hiện trên thanh dọc của WordPress trong mục Contact.

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

Sau khi cài đặt, đi tới mục Contact, bạn sẽ thấy có 1 form sẵn có có tên là “Contact form 1” với cấu hình mẫu thông tin cơ bản.
Nếu muốn xem nội dung của form “Contact form 1” để khám phá, bạn có thể nhấn xem. Nếu không, Tino Group sẽ hướng dẫn cách điều chỉnh thông tin ở phần tiếp theo!
Để tạo một form mới 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, tuy nhiên, nên tự đặt tên riêng cho mỗi form để tránh nhầm lẫn khi quản lý nhiều form.

Hướng dẫn chi tiết cấu hình Contact Form 7

Sau khi tạo mới form, nội dung mẫu của form sẽ hiển thị như sau:

Thông tin trong form đã được tạo mẫu và phổ biến. Bao gồm các trường như:

Your name: Họ tên người điền vào biểu mẫu.
Your email: Địa chỉ email của người gửi.
Subject: Tiêu đề của form.

Thông tin được điền vào form sẽ được gửi trực tiếp đến email của bạn. Điều này giống như cấu trúc một email cơ bản để bạn có thể sử dụng ngay mà không cần chỉnh sửa nhiều.

Để thêm thông tin như số điện thoại, hộp checkbox để tùy chọn nội dung, hoặc thời gian gửi form, bạn có thể thêm bằng cách sử dụng công cụ Tag-generator Tools có sẵn để thay đổi thông tin trên form. Điều này sẽ giúp bạn có một mẫu form hoàn chỉnh!

Mỗi thông tin sẽ là một nhãn (label), hãy đảm bảo không xóa bất kỳ dấu ngoặc nào để tránh làm hỏng form.

Thiết lập email cho Contact Form 7

Để đảm bảo rằng bạn nhận thông báo qua email mỗi khi có người điền form, bạn cần sử dụng một plugin cho phương thức SMTP.

Cấu hình mail trong Contact Form 7

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

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

To: Đây là địa chỉ email để nhận thông báo khi có người điền form.
From: Được sử dụng để hiển thị thông tin email của 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 email form được gửi đi.
Additional: Đây là nơi bạn có thể thêm một số nội dung như: CC hay BCC đến một email thứ ba. Bạn có thể sử dụng mail-tags để gửi email đến một địa chỉ email khác từ ô 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 từ người gửi.

Cách để chèn Contact Form 7

Cách chèn form từ Contact Form 7 vào bài viết, trang hoặc widget đều rất đơn giản, bạn có thể thực hiện một trong hai cách sau:

Cách 1: Sao chép mã shortcode và dán vào vị trí bạn muốn trong trang, bài viết hoặc widget.
Cách 2: Dùng block sẵn có của Contact Form 7 trong Trình soạn thảo Block.

Cách sửa cài đặt cấu hình Contact Form 7

Nếu bạn muốn điều chỉnh nội dung hoặc cách hiển thị, bạn có thể quay lại Bước 3 và sửa đổi thông tin theo hình ảnh hướng dẫn dưới đây.

Trong phần về nội dung email gửi đi, bạn có thể tinh chỉnh dữ liệu theo ý muốn. Ví dụ như gửi lời cảm ơn riêng đến từng khách hàng, thêm vào các chương trình khuyến mãi, hoặc áp dụng màu sắc đặc trưng của thương hiệu. Contact Form 7 cung cấp cơ hội linh hoạt và dễ dàng để phát triển các phần này theo cách nhanh chóng và đơn giản.

Các câu hỏi thường gặp về việc sử dụng plugin Contact Form 7

Các Câu Hỏi Thường Gặp Về Việc Sử Dụng Contact Form 7

Các plugin thay thế cho Contact Form 7 là gì?

Nếu bạn muốn thử các lựa chọn thay thế cho Contact Form 7, có một số plugin khác như WPforms, Ninja Forms, Formidable Forms, Gravity Forms.

Làm thế nào để cải thiện giao diện của Contact Form 7?

Để tạo giao diện đẹp hơn cho form của bạn trong Contact Form 7, bạn có thể sử dụng CSS để tinh chỉnh và cải thiện hình thức của form.

Plugin nào để xuất dữ liệu từ Contact Form 7?

Để xuất danh sách những người đã điền form trong Contact Form 7, bạn có thể cài đặt plugin Contact Form 7 Database Addon. Sau khi cài đặt, plugin này sẽ lưu trữ toàn bộ thông tin khách hàng, cho phép bạn xuất dữ liệu dưới dạng file excel (.csv) một cách dễ dàng.

Dưới đây là những hướng dẫn của Trust Media về cách sử dụng plugin Contact Form 7. Trong quá trình cài đặt, nếu bạn gặp vấn đề hoặc có bất kỳ thắc mắc nào, hãy tham khảo tài liệu hỗ trợ chính thức từ Contact Form 7 và đừng ngần ngại để lại comment cho chúng tôi nhé.