Tùy biến contact form 7 hướng dẫn toàn tập

Nếu bạn đã tạo một trang Liên hệ trên website WordPress của bạn thì rất dễ dàng để thêm một contact form vào, cá nhân hóa nó và tiến hành nhận các thông điệp từ khách truy cập. Plugin Contact Form 7 là 1 plugins trên wordpress được viết bởi Takayuki Miyoshi. Contact Form 7 có thể quản lý nhiều Form gửi mail khác nhau. Ngoài ra bạn có thể tùy chỉnh hình thức và nội dung email rất dễ dàng. Form hỗ trợ Ajax-powered submitting, CAPTCHA, Bộ lọc Spam Akismet của wordpress.

Lý do bạn cần tùy biến contact form 7

Bạn muốn tạo một form đăng ký tùy biến trực tiếp cho người dùng mà không phải truy cập trang quản trị WordPress? Form đăng ký người dùng mặc định của WordPress mang nhãn hiệu WordPress và không phù hợp với theme của website bạn.

Contact Form 7 là gì? – (Bài tùy biến contact form 7)

Contact Form 7 là một plugin tạo form miễn phí hoàn toàn và phổ biến nhất cho WordPress. Nó sẽ giúp WordPress có thêm tính năng tạo form liên hệ và chèn form vào bất kỳ trang nào bạn muốn. Cấu hình Contact Form 7 cho phép bạn tùy biến đa dạng các trường thông tin và tiêu đề. Thông báo khi có data có thể gửi đến nhiều email cùng lúc.

Tại sao cần form đăng ký người dùng tuỳ biến trong WordPress?

Contact Form 7 là một trong những công cụ cho phép người dùng xây dựng khung liên hệ trên website phổ biến nhất và lâu đời nhất cho mã nguồn WordPress. Tuy nhiên, nhiều người vẫn đang gặp khó khăn trong việc sử dụng Contact form 7.

Form đăng ký người dùng tùy biến cũng cho phép bạn chuyển hướng người dùng sang một trang khác sau khi hoàn tất đăng ký. Bạn cũng có thể thêm các trường hồ sơ người dùng vào form, kết hợp với form đăng nhập tùy biến và kết nối với dịch vụ tiếp thị email mình đang sử dụng.

Hướng dẫn tùy biến contact form 7

Cài đặt Contact Form 7 để tùy biến

  • Đăng nhập vào trang quản trị của WordPress, chọn WordPress Dashboard  Plugin  Cài mới → ở menu bên trái màn hình.
  • Bạn gõ “Contact Form 7” và bấm Enter để tìm kiếm. Nhấn Install để cài đặt.
  • Sau khi cài đặt hoàn tất, bạn hãy chọn Cài đặt → Kích hoạt để kích hoạt plugins hoạt động trên website.

Sau khi cài đặt và kich hoạt plugins này, một menu Contact mới xuất hiện ở bên trái trong phần quản trị của WordPress.

Thiết kế, cài đặt, tùy biến contact form 7 – Tạo mới khung liên hệ

Bạn truy cập vào giao diện quản trị website – WordPress Dashboard → Form liên hệ → Tạo form mới

  • Sau khi chọn vào “Tạo form mới“, bạn cần nhập tên form

  • Tại Nội dung form bạn sẽ thấy các giá trị mặc định được tạo sẵn.
  • Chọn Contact >> Add New
  • Đặt một tiêu đề cho form của bạn ( Ví dụ như : Liên hệ , Đăng kí tư vấn , ….)
  • Một vài label và input field đã được tạo sẵn cho bạn dễ hình dung . Ở đây bạn có thể xóa đi và thiết lập lại theo yêu cầu form của bạn . Bạn có thể  chọn kiểu field mà plugin này hỗ trợ tạo

Tại đây, bạn sẽ thấy các giá trị như sau:

  • [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 liên hệ
  • [submit]: Nút gửi liên hệ (bạn nên xóa vùng này)

Bạn có thể cài đặt nâng cao bằng các công cụ tạo thẻ có sẵn bạn có thể xem qua bài viết của nhà sản xuất : contactform7.com/editing-form-template

Sau đó copy mã shortcode ở trên. ở ví dụ này là mã [contact-form-7 id=”10″ title=”Contact form 1″]

Gắn mã Contact Form 7

Thiết kế, cài đặt, tùy biến contact form 7 – Thiết lập định dạng email

Bạn có thể cài đặt phần email trong tab Email, một vài mail-tags được liệt kê sẽ giúp bạn thiết kế email theo ý muốn.

Tiếp theo bạn chọn tab → Cấu hình Mail để cấu hình gửi mail

Tại đây, bạn sẽ thấy các trường sau:

  • Mail nhận: Địa chỉ email nhận thư liên hệ.
    • Ví dụ: abc@gmail.com, abc@ten-mien-website
  • Mail gửi: Địa chỉ email gửi.
    • Lưu ý: bạn phải sử dụng email theo tên miền
    • Ví dụ: wordpress@ten-mien-website
  • Tiêu đề: Tiêu đề của email.
    • Ví dụ: Form liên hệ
  • Additional headers: Chức năng này cho phép bạn Cc hoặc Bcc
  • Message body: Tại đây, bạn cần điền các giá trị khi khai báo ở Nội dung Form tại Bước 1.
    • Lưu ý: tại đây, bạn có thể dụng ngôn ngữ lập trình HTML để thiết kế nội dung Email nhận đẹp hơn.

Bạn chỉ cần sử dụng các tag dạng như: [your-name][your-email][your-subject][your-message]. Xin lưu ý là tag này phải tồn tại trong form này

Ví dụ cụ thể: bạn có thể soạn 1 câu “Xin cảm ơn Quý Khách [your-name] đã liên hệ chúng tôi. Chúng tôi đã nhận được thông tin phản hồi của Quý khách. Chúng tôi sẽ liên hệ lại trong vòng 4h làm việc”

=> Như vậy tên khách hàng sẽ tự động thay thế vào mục [your-name] Họ nhập gì ở form trong trường [your-name] thì phần nội dung sẽ điền tương ứng

Thiết kế, cài đặt, tùy biến contact form 7 – Cá nhân hóa trải nghiệm người dùng

Ở tab Messages, bạn có thể tùy chỉnh các thông điệp gửi đập khách truy cập khi họ thực hiện nhấn Submit trên form. Ví dụ: bạn có thể để lại thông điệp cảm ơn khi người dùng gửi thành công thông điệp qua form hoặc một thông điệp khác khi họ gặp lỗi (sai địa chỉ email hoặc không điền đủ các mục bắt buộc)

Tại đây bạn chọn tab → Thông báo và Chú ý để thay đổi nội dung thông báo cho người dùng trong quá trình gửi liên hệ.

Lưu và xuất bản Form

Khi tất cả đã sẵn sàng, bạn có thể bấm Save ở menu bên phải để lưu lại. Một khi form đã được lưu, bạn sẽ được cung cấp một shortcode như sau:

Kiểm tra kết quả

Bạn tạo 1 Bài viết hoặc Trang, sau đó dán shortcode ở bước trên như hình bên dưới để kiểm tra. Bạn có thể thoải mái thực hiện việc cá nhân hóa form contact 7 đến khi nào cảm thấy thật hài lòng.

Xem thêm những bài liên quan:

Hướng dẫn cài đặt wordpress trên Direct admin

Cách đưa địa chỉ lên Google map mang lại sự hiệu nào quả cho bạn?

Hosting doanh nghiệp