14

Tạo Form liên hệ chuyên nghiệp với plugin Contact Form 7

Form liên hệ việc đầu tiên nên làm của blogger sau khi cài đặt Blog/Website. Bạn đang băn khoăn không biết tạo form liên hệ kiểu gì, trong khi bạn không biết code. Bạn đừng quá lo lắng, plugin Contact Form 7 sẽ giúp bạn tạo form liên hệ chuyên nghiệp không kém gì các plugin tạo form liên hệ trả phí khác. Trong bài viết này, mình hướng dẫn tạo form liên hệ với plugin Contact Form 7.

Contact Form 7 là gì?

Contact Form 7 là plugin mạnh mẽ trong việc tạo form và gửi mail tự động. Bạn chẳng cần biết tí ti nào về code vẫn có thể tạo ra form liên hệ chuyên nghiệp.​ Bạn muốn chèn form nơi nào thì chỉ cần copy và paste dòng code tự động vừa tạo là xong.

​Tạo form

Trước tiên bạn cần cài đặt plugin này. Bạn chỉ cần vào "Plugin" >> "Add new" và tìm "plugin contact form 7". Cài đặt và kích hoạt lên là xong. 

Sau khi cài đăt, bạn click chọn "Contact">>"Add New" để tạo form.​

Tạo form liên hệ chuyên nghiệp với Contact Form 7

Các bạn tạo các trường nhập theo mẫu bên dưới.

Tạo form liên hệ chuyên nghiệp với Contact Form 7

Trong đó: ​

Text: Trường dùng để bạn nhập text thông thường, thích hợp tạo field nhập tên, tiêu đề liên hệ, tên website,...

Email: Trường dùng để khách nhập email của khách, hệ thống email sẽ hiểu rằng đây là email của người liên hệ và bạn thiết lập để dựa vào phần này mà tự động gửi email.

URL: Trường dùng để nhập liên kết.

Telephone Number: Trường để nhập số điện thoại.

Number (spinbox): Trường nhập số có thêm tính năng tạo nút tăng/giảm số.

Number (slider): Trường chọn số đặc biệt, chọn theo kiểu kéo slide, kéo qua phải thì số tăng và kéo qua trái thì số giảm.

Date: Trường riêng biệt để chọn ngày tháng, có tích hợp thêm tính năng chọn theo lịch.

Text area: Trường để nhập text, nhưng khung text to hơn. Thích hợp để làm form nhập nội dung liên hệ.

Dropdown menu: Trường chọn giá trị được cố định qua menu đổ xuống, để khách chọn. Giống như "Checkboxes" bên dưới.

Checkboxes: Trường chọn giá trị định sẵn thông qua việc đánh dấu.

CAPTCHA: Trường nhập mã captcha kiểm tra, nếu nhập đúng thì mới có thể gửi form.

File upload: Trường cho phép upload tập tin khi gửi liên hệ qua form này.

Submit button: Chèn nút gửi form.

Bạn có thể thêm các trường khác vào form liên hệ. Ví dụ, thêm trường nhập website:

Điền tên vào phần "Name​" và chọn bắt buộc nhập nếu bạn muốn ở phần "Required field"

Tiếp theo, lưu lại và copy dòng code và dán vào Page liên hệ hoặc những nơi mà bạn muốn tạo form liên hệ.

Tạo form liên hệ chuyên nghiệp với plugin contact form 7

Chúng ta được mẫu như sau:

Tạo form liên hệ chuyên nghiệp với plugin contact form 7

Thật đơn giản phải không nào.

Thiết lập nội dung tin nhắn đến email.

Email từ người liên hệ đến chủ Website

Tạo form liên hệ chuyên nghiệp với plugin contact form 7

Copy những trường ở trên và đưa vào những nơi mà cần lấy thông tin trường đó.

Thiết lập nội dung tin nhắn tự động đến người nhập form​

Tạo form chuyên nghiệp với contact form 7

Lưu lại vào thử nhập vào form. Tận hưởng kết quả.

Thiết lập form liên hệ chuyên nghiệp với plugin Contact Form 7 nằm trong gói dịch vụ tạo Website​.

Xem thêm: Dịch vụ tạo Website​

Nếu bạn không theo dõi được thì xem video: Hướng dẫn tạo form liên hệ trong WordPress với plugin Contact Form 7

Lời kết​

Tóm lại, Plugin contact form 7 là công cụ tạo form liên hệ chuyên nghiệp. Đơn giản mà rất hiệu quả. Nếu bạn biết thêm chút CSS thì có thể tuỳ biến thêm trên form.

Tạo form liên hệ với plugin contact form 7 trải qua mấy bước như trên là bạn có thể tự tay làm ra những form cho riêng bạn. Bạn có thể sử dung contact form skin để sử dụng form được thiết kế sẵn (trong đó có thêm ít màu sắc trên form).

Như thường lệ, nếu bạn có bất kỳ vấn đề gì thì đừng ngần ngại mà comment bên dưới để được trợ giúp.​

Võ Thanh Điền
 

Sống bằng nghề giáo viên. Thích dạy dỗ và đam mê Affiliate Marketing.

Click Here to Leave a Comment Below 14 comments