Tạo trang liên hệ chuyên nghiệp trong WordPress

Tôi còn nhớ những năm tôi còn học sinh phổ thông, việc sử dụng thư (viết tay) rất phổ biến, những bức thư được viết tình cảm và thậm chí còn viết bút ánh kim trên nền giấy hoa văn rất là thơm nữa, nhưng mọi chuyện thay đổi quá nhanh, những bức thư dần đi vào quên lãng để nhường chỗ lại cho tin nhắn, điện thoại với vài dòng cụt lủn, một cảm giác hững hờ, không còn sự chờ đợi 2 ,3 ngày đón nhận một bức thư dài thật dài, được gấp thật cẩn thận đóng trong phong bao cũng cầu kỳ và đẹp đẽ.

Liên hệ là một vấn đề rất quan trọng trong một website, giúp sự tương tác giữa người dùng với admin một cách nhanh chóng và đa dạng. Vậy nên hôm rồi mình có nhận được yêu cầu làm một cái form liên hệ trên website, và sau một hồi tìm kiếm thì mình quyết định sử dụng Contact Form 7, đây là một plugin tuyệt vời để tạo một form liên hệ, báo qua email và có những tính năng rất là tuyệt.

Cài đặt Contact Form 7

Download Plugin : Contact Form 7

Demo : Cap quang FPT

Sau khi cài đặt plugin vào website, việc cài đặt plugin bình thường, không có nhiều khó khăn lắm, mình không nói ở đây.

Để tạo một Form mới, bạn chọn  Tab Contact –> Add New

Chọn ngôn ngữ và nhấn Add new tạo Form mới

Chọn ngôn ngữ và nhấn Add new tạo Form mới

Sau khi nhấn Add New , ta có một số trường thông tin liên hệ có sẵn, bạn có thể sử dụng được luôn, nhưng về cơ bản Contact Form 7 có rất nhiều trường, vậy nên ta cần tìm hiểu từng trường một và thử xem cái nào phù hợp nhất với mình.

Tạo Forrm mới từ Contact Form 7

Tạo Form mới từ Contact Form 7

Contact Form 7 hỗ trợ nhiều trường khác nhau, những trường đó ý nghĩa như sau:

  • Text field: 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ệ,…..
  • Email: Trường đặc biệt dùng để khách nhập email của họ vào, lúc đó các hệ thống email sẽ hiểu rằng đây là email của người liên hệ để bạn ấn reply nhanh chóng.
  • URL: Trường dùng để nhập liên kết.
  • Telephone Number: Một trường đặc biệt để 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 định sẵn thông qua menu đổ xuống.
  • Checkboxes: Trường chọn giá trị định sẵn thông qua việc đánh dấu.
  • Radio buttons: Cũng là trường đánh dấu giá trị có sẵn nhưng chỉ được chọn 1.
  • Quiz: Trường nhập nội dung theo kiểu quiz.
  • 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.

Ở đây tôi sẽ lấy ví dụ cài thêm một trường mới đó là telephone number, khách hàng sẽ để lại số điện thoại và tôi sẽ gọi điện lại để tư vấn chẳng hạn.

Tại mục Generate Tag, bạn chọn telephone number, chương trình sẽ tự động cấu hình cho bạn,

Bạn copy Shortcode ở khung (1)mình khoanh bên phải, sau đó dán vào khung bên trái

Copy Shortcode ở khung (2) mình khoang bên phải sau đó dán vào khung Meseger Body bên dưới

(1) coppy sang bên trái (2) coppy xướng dưới

(1) coppy sang bên trái
(2) coppy xướng dưới

Bạn có thể sử dụng code như sau:

<p>Số điện thoại:<br />
[tel tel-81]</p>

Sau đó nhấn save, phía trên bạn được một short code khác mang ID của Form, bạn coppy Form này vào một widget thì nó hiển thị ngoài trang chứa widget đó, hoặc tạo một post/page ( khuyên dùng page) mới và dán vào phần nội dung page đó,

Bạn có tùy biến với nhiều trường khác nhau để tạo ra một Form liên hệ ưng ý nhất, tôi tin bạn sẽ cảm thấy thích thú với plugin này

Một số lưu ý trong quá trình sử dụng Contact Form 7 trong thực tế

Điều đầu tiên đó là email. Cái vấn đề ở đây là công ty tôi dùng email theo domain riêng dạng username@fpt.com.vn. Và khi gửi từ email  domain riêng sang thường sẽ không nhận được ( có thể do bộ lọc )Mà tôi thì dùng email công ty nhiều hơn Nhưng chuyển từ Gmail sang thì hoàn toàn được. vậy nên tôi sẽ cấu hình email để nó chuyển tiếp từ Gmail sang mail công ty.

Để làm được việc này bạn vào cài đặt của gmail, tạo bộ lọc và thiết lập cấu hình để chuyển tiếp email sang mail mà bạn muốn như hình sau

Chuyển-tiếp mail tới mail riêng

Chuyển-tiếp mail tới mail riêng

Và bây giờ thì bạn chỉ càn sử dụng 0 email là bạn có thể nhận được những đăng ký mới nhất rồi, Chúc bạn thành công

Tạo trang liên hệ chuyên nghiệp trong WordPress
5 (100%) 1 vote

Chú ý - WordPress Hosting 1$/tháng - miễn phí tên miền

Bạn có biết GoDaddy đang có khuyến mãi WordPress hosting chỉ còn 1$/tháng kèm theo một tên miền .COM .NET .ORG miễn phí. Hãy đăng ký ngay để tiết kiệm chi phí nhất nhé.
Xem ngay

ĐĂNG KÝ NHẬN TIN QUA EMAIL

Nếu thấy bài viết trên blog có ích cho bạn, hãy đăng ký nhận tin qua email để cập nhật bài viết mới nhanh nhất và thỉnh thoảng nhận quà bất ngờ!

About Lap mang fpt

Tôi là Phạm Đức Ngọc. Một thành viên yêu thích RaynoBlog, Đã được Rayno Blog giúp đỡ rất nhiều trong quá trình tìm hiểu về Genesis.
Hiện tại Tôi đang làm nhân viên kinh doanh của FPT telecom
Nếu bạn muốn lắp mạng Internet FPT và truyền Hình FPT vui lòng gọi cho tôi : 0943.286.326 hoặc website : ADSLVietNam.com

Comments

  1. Vãi cái đoạn dẫn dắt của bác {c21}

  2. bac nen them muc cau hinh wp-smtp nua vao vi ko thi thuong ko gui dc

  3. {c2} Cái này gọi là ngắn gọn xúc tích đây mà

Gửi bình luận

Lưu ý: Không sử dụng keyword để thay cho tên của bạn, hãy sử dụng tên thật. Cảm ơn bạn đã tham gia bình luận trên blog!