Làm Việc Với Contact Form7

Mình đã từng dùng khá nhiều plugin cho việc tạo form, những plugin giúp việc tạo form dễ hơn form7, nhiều tùy biến nâng cao hơn form7. Tuy nhiên, sau một thời gian tôi vẫn quay lại form7 vì sự đơn giản nhưng hiệu quả của nó.

Điểm trừ lớn nhất của form7 có thể là giao diện làm việc không trực quan, khó sử dụng với những ai ít khi tiếp xúc với website, vì thế bài viết này mình sẽ hướng dẫn cơ bản về việc sử dụng chức năng này.

Hướng dẫn làm việc với Contact Form7

Quản lý form liên hệ

Khi thiết kế website cho các bạn, mình đã tạo sẵn một(hoặc một vài form) cho các bạn, các bạn có thề vào quản trị website –> Form liên hệ để xem quan các form này.

Làm Việc Với Contact Form7 1

Cài đặt email nhận thông tin từ form

Nếu bạn muốn thay đổi email nhận thông tin từ form trên website, bạn truy cập vào quản trị website –> Form liên hệ, chọn form một trong những form bạn muốn đổi cài đặt email báo giá.

Tại vùng chỉnh sửa, bạn nhấp vào tab “cấu hình mail”,sau đó sửa  lại Email nhận, rồi lưu lại

Làm Việc Với Contact Form7 2

Bạn sửa tương tự với các form còn lại.

Chỉnh sửa nội dung form

Nếu bạn có nhu cầu cần đổi lại những thông tin cần điền trong form, hoặc xóa dòng nào đó bạn nghĩ là không cần thiết, bạn nhấp vào form cần chỉnh sửa, giao diện làm việc sẽ tương tự thế này

Làm Việc Với Contact Form7 3

Nhìn khá rối đúng không nào 😅😅

và đây là cách mà nó hiển thị ở ngoài

Làm Việc Với Contact Form7 4

 

Tuy nhiên mình sẽ phân tích 1 đoạn trong đó, bạn sẽ hiểu và chỉnh sửa được cái thứ rối ren này

<p><span class=”fa fa-user formxd”></span>[text* your-name placeholder “Tên Bạn”] </p>

Bạn chỉ cần quan tâm những nội dung trong ngoặc vuông

 [text* your-name placeholder “Tên Bạn”]

  • text: ở đây là quy định dòng này là định dạng theo kiểu văn bản ngắn( tên, địa chỉ..)
  • * : ở đây nằm cạnh ngay text*, định nghĩa đây là dòng bắt buộc phải điền, nếu bạn muốn dòng này ở thành không bắt buộc, chỉ cần xóa * đi là được
  • Tên bạn: chính là thứ hiển thị mờ trên dòng thông tin trước khi bạn điền vào

Ngoài text, còn có 1 số trường quy định văn bản như :

  • email: phải điền email
  • tel: phải điền số điện thoại

VD thay đổi 1 dòng trong form

Nhiều bạn cảm thấy dòng email là không cần thiết và muốn sửa thành dòng địa chỉ, bạn sửa như sau:

<p><span class=”fa fa-envelope formxd”></span>[email email-604 placeholder “Email”]</p>

Đây là dòng quy định gốc, để sửa thành địa chỉ, bạn cần sửa qui định dòng từ email thành text, và Hiển thị từ Email thành Địa chỉ, ta sẽ có

<p><span class=”fa fa-envelope formxd”></span>[text email-604 placeholder “Địa Chỉ”]</p>

Bạn ấn lưu lại để hoàn thành

 

Bình Luận