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

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

Form liên hệ là một phần quan trọng của bất kỳ website nào, cho phép khách hàng liên hệ và gửi phản hồi một cách dễ dàng. Trong website WordPress, việc sử dụng Contact Form 7 cùng với WP SMTP có thể giúp bạn tạo, tùy chỉnh và quản lý biểu mẫu liên hệ một cách mạnh mẽ và hiệu quả. Trong bài viết này, Long sẽ hướng dẫn bạn từng bước cách sử dụng hai plugin này để làm cho form liên hệ được nhận thông tin và gửi đến email một cách dễ dàng

Hướng dẫn sử dụng contact form 7

Phần 1: Cài đặt và sử dụng Contact Form 7

1: Cài Đặt và Kích Hoạt Contact Form 7 Trong Website WordPress

Trước tiên, bạn cần cài đặt và kích hoạt plugin Contact Form 7 trên trang web WordPress của bạn. Đây là cách thực hiện:

  1. Vào Quản Trị WordPress: Đăng nhập vào trang quản trị WordPress của bạn.
  2. Cài Đặt Contact Form 7: Trong thanh bên trái, di chuyển đến mục “Plugins” và chọn “Add New”.
  3. Tìm và Cài Đặt Plugin: Trong ô tìm kiếm ở góc trên cùng bên phải, nhập “Contact Form 7” và nhấn “Install Now” sau đó “Activate” để kích hoạt plugin.

contact form 7

Plugin contact form 7

2: Tạo Form Liên Hệ

Sau khi đã kích hoạt plugin Contact Form 7, bạn có thể bắt đầu tạo biểu mẫu liên hệ của mình hoặc chỉnh sửa biểu mẫu mẫu có sẵn:

  1. Trang Quản Lý Biểu Mẫu: Trong trang quản lý WordPress, bạn sẽ thấy mục “Contact” hoặc “Liên hệ” (tùy theo ngôn ngữ của bạn). Nhấn vào đó để vào trang quản lý biểu mẫu.
  2. Tạo Biểu Mẫu Mới: Bạn có thể tạo một biểu mẫu liên hệ mới bằng cách nhấn vào “Add New” trong menu “Contact Forms”.
  3. Sửa Đổi Biểu Mẫu: Đặt tên cho biểu mẫu của bạn và sửa đổi nội dung bằng cách sử dụng các thẻ mã hóa như [text], [email], [textarea], và các thẻ khác. Thêm các trường dữ liệu bạn muốn thu thập từ người dùng.

3: Tùy Chỉnh Cài Đặt Form

Contact Form 7 cho phép bạn tùy chỉnh cài đặt của mỗi biểu mẫu để đáp ứng nhu cầu cụ thể của bạn:

  1. Chọn Biểu Mẫu: Trong trang quản lý biểu mẫu, chọn biểu mẫu mà bạn muốn tùy chỉnh.
  2. Cấu Hình Email: Trong tab “Mail”, bạn có thể cấu hình cách thông báo từ biểu mẫu sẽ được gửi đến bạn. Điền địa chỉ email của bạn vào mục “To” và sửa đổi các tùy chọn khác nếu cần.
  3. Thiết Lập Gửi Thành Công: Trong tab “Messages”, bạn có thể tùy chỉnh các thông báo gửi thành công và thất bại của biểu mẫu.
  4. Tùy Chỉnh Giao Diện: Trong tab “Form”, bạn có thể tùy chỉnh giao diện của biểu mẫu bằng cách sử dụng HTML và CSS.
  5. Thêm Các Tùy Chọn Khác: Trong tab “Additional Settings”, bạn có thể thêm các tùy chỉnh bổ sung bằng cách sử dụng các tùy chỉnh trong dạng mã hóa.

4: Thêm Form Vào website

Khi bạn đã tạo và tùy chỉnh biểu mẫu liên hệ theo ý muốn, bạn cần thêm nó vào bài viết hoặc trang trên trang web của bạn:

  1. Tạo hoặc Sửa Bài Viết/Trang: Điều hướng đến bài viết hoặc trang bạn muốn thêm biểu mẫu liên hệ.
  2. Chèn Form: Trong trình soạn thảo nội dung, bạn có thể sử dụng nút “Add Contact Form” để chèn biểu mẫu liên hệ vào bài viết hoặc trang.
  3. Cấu Hình Hiển Thị: Sau khi chèn biểu mẫu, bạn có thể cấu hình các tùy chỉnh hiển thị bằng cách sửa đổi mã shortcodes. Bạn có thể điều chỉnh kiểu dáng, kích thước và vị trí của biểu mẫu.

5: Bổ Sung Plugin WP SMTP Cho WordPress

Để đảm bảo email từ biểu mẫu liên hệ của bạn được gửi đi một cách đáng tin cậy và không bị xem là spam, bạn nên sử dụng plugin WP SMTP. Dưới đây là cách cài đặt và cấu hình nó:

  1. Cài Đặt Plugin WP SMTP: Trong trang quản lý WordPress, điều hướng đến “Plugins” và chọn “Add New”. Tìm “WP SMTP” và cài đặt plugin.
  2. Kích Hoạt Plugin WP SMTP: Khi cài đặt hoàn tất, kích hoạt plugin bằng cách nhấn “Activate”.

Phần 2: Cấu Hình WP SMTP trong website

1. Cấu Hình WP SMTP

  1. Cấu Hình WP SMTP:
    • Điều hướng đến “Settings” và chọn “Email”. Trong trang cài đặt Email, bạn sẽ thấy một phần “WP SMTP”. Điền thông tin cấu hình SMTP như sau
    • SMTP Host: Đây là địa chỉ máy chủ SMTP của bạn, ví dụ: smtp.gmail.com nếu bạn sử dụng Gmail.
    • SMTP Port: Sử dụng cổng SMTP của bạn, ví dụ: 587 cho Gmail.
    • Encryption: Chọn kiểu mã hóa, thường là “TLS” hoặc “SSL”.
    • Authentication: Bật tùy chọn này để kích hoạt xác thực SMTP.
    • SMTP Username: Điền tên đăng nhập của bạn (thường là địa chỉ email của bạn).
    • SMTP Password: Điền mật khẩu đăng nhập của bạn.
  2. Lưu Cài Đặt: Sau khi điền đầy đủ thông tin, nhấn nút “Save Changes” để lưu cài đặt.

wp smtp

Plugin WP-SMTP

2: Kiểm Tra Cài Đặt và Gửi Email Thử Nghiệm

Cuối cùng, hãy kiểm tra cài đặt của bạn để đảm bảo rằng email từ biểu mẫu liên hệ của bạn được gửi đi một cách chính xác:

  1. Sử Dụng Contact Form 7: Sử dụng Contact Form 7 để gửi một thử nghiệm email từ biểu mẫu liên hệ trên trang web của bạn.
  2. Kiểm Tra Hộp Thư Đến: Kiểm tra hộp thư đến của bạn để xem xét xem email thử nghiệm đã đến đúng không. Nếu mọi thứ đã được cấu hình đúng, bạn sẽ nhận được email thử nghiệm trong hộp thư đến của bạn.

Kết Luận

Việc sử dụng Contact Form 7 và plugin WP SMTP là một cách tuyệt vời để tạo và quản lý biểu mẫu liên hệ trên trang web WordPress của bạn. Điều này giúp bạn tạo cơ hội giao tiếp với khách hàng của mình một cách dễ dàng và hiệu quả. Hãy bắt đầu áp dụng hướng dẫn này để tận dụng tối đa tính năng mạnh mẽ của Contact Form 7 và đảm bảo rằng email từ biểu mẫu của bạn luôn đến đúng địa chỉ và không bị xem là spam.

Mời bạn đánh giá
Bài viết liên quan
Hướng dẫn đăng ký hosting Hostarmada giá rẻ 2024

Danh mục bài viếtHướng dẫn sử dụng Contact Form 7 trong WordPressPhần 1: Cài đặt...

Top 10 hosting tốt nhất để làm tiếp thị liên kết

Danh mục bài viếtHướng dẫn sử dụng Contact Form 7 trong WordPressPhần 1: Cài đặt...

Bí quyết viết nội dung chuẩn SEO Blog, Website, Mạng xã hội với AI Content Gravitywrite – hỗ trợ SEO đỉnh cao

Danh mục bài viếtHướng dẫn sử dụng Contact Form 7 trong WordPressPhần 1: Cài đặt...

Hướng Dẫn Nâng Cấp Tài Khoản Canva Pro Miễn Phí, Cách nhận Biết Canva Pro, Canva Đội Nhóm, Canva Edu

Danh mục bài viếtHướng dẫn sử dụng Contact Form 7 trong WordPressPhần 1: Cài đặt...

Hướng Dẫn Bảo Mật website, Quét Virus, Xác Thực 2 Bước Khi Đăng Nhập Trong WordPress

Danh mục bài viếtHướng dẫn sử dụng Contact Form 7 trong WordPressPhần 1: Cài đặt...

Cách Tạo Tài Khoản ChatGPT Mới Nhất Tại Việt Nam Miễn Phí 100% Cực Dễ

Danh mục bài viếtHướng dẫn sử dụng Contact Form 7 trong WordPressPhần 1: Cài đặt...

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *