Thứ Tư, 12 tháng 12, 2012

THIẾT KẾ FORM LIÊN LẠC TRONG WORDPRESS VỚI CONTACT FORM 7


THIẾT KẾ FORM LIÊN LẠC TRONG WORDPRESS VỚI CONTACT FORM 7


Giới thiệu

Thông thường khi muốn góp ý hoặc phản hồi thông tin trên Blog của ai đó thì bạn sẽ viết vào mục comment bên dưới bài viết, khi đó nội dung comment của bạn sẽ được public tới admin của Blog và với tất cả những người đọc khác. Còn trong trường hợp bạn muốn tương tác riêng với chủ nhân Blog hoặc hỏi những câu hỏi không liên quan tới bài viết cụ thể nào trên Blog thì form liên lạc (contact form) là một kênh hữu hiệu. Bài viết hôm nay tôi sẽ giới thiệu các bạn cách tạo contact form cho Blog  với Plugin .



Demo

Khi bạn truy cập vào trang contact me trên Blog siteground193.com/~nguyenh4 bạn sẽ thấy có biểu mẫu sau.
Contact Form trong Blog siteground193.com/~nguyenh4 được tạo bằng Contact Form 7
Đó chính là form liên lạc trên Blog, và nếu bạn có thông tin gì cần góp ý riêng với tôi thì tôi rất sẵn lòng được đón nhận các contact form của bạn.

Download Plugin

Thông tin download Plugin Contact Form 7 được trình bày trong bảng dưới
Thiết kế form liên lạc với Contact Form 7
Tên PluginContact Form 7
Link downloadhttp://wordpress.org/extend/plugins/contact-form-7/
Số lần download3,734,955
Tác giảTakayukister
Vị trí trên DashboardDashboard | Contact

Sử dụng Plugin

Sau khi download và cài đặt Plugin bạn hãy vào mục Dashboard | Contact để cấu hình cho Contact Form 7.
Cấu hình Contact Form 7 Plugin
Màn hình Contact Form 7 hiện ra, bạn chọn Add new để tạo 1 form liên lạc mới.
Tạo mới form trong Contact Form 7
Bạn chọn ngôn ngữ cho form liên lạc ở màn hình tiếp theo, hiện tại Contact Form 7 đã hỗ trợ tiếng Việt.
Contact Form 7 có hỗ trợ tiếng Việt
Một form tiếng Việt được hiện ra với đầy đủ thông tin của một form liên lạc (tên, email, tiêu đề & thông tiệp).
Form tiếng Việt được tạo trong Contact Form 7
Sau khi bạn nhấn Save để lưu thông tin thì một form mới sẽ được tạo ra như hình dưới.
Lưu form đã tạo trong Contact Form 7
Bạn chú ý bên dưới có phần Mail là nơi cấu hình địa chỉ email tiếp nhận các contact form từ độc giả, tôi chọn là trongnh1@gmail.com như hình dưới.
Địa chỉ email tiếp nhận contact trong Contact Form 7
Để sử dụng form này bạn hãy copy đoạn mã tạo form và paste vào trang Contact me của bạn.
Chèn Contact Form 7 vào trang Contact me
Sau khi đã update trang Contact me bạn quay lại trang chủ để kiểm tra, tại đây bạn sẽ thấy form liên lạc được hiển thị
Trang Contact Me được thiết kế bằng Contact Form 7
Mỗi khi có ai đó điền các thông tin vào form và nhấn nút gửi, bạn sẽ nhận được nội dung thông điệp tại email đã cấu hình trong phần Mail ở trên (VD: trongnh1@gmail.com)
Email được gửi đi từ Contact Form 7

Kết luận

Trên đây tôi đã giới thiệu cùng các bạn về Plugin Contact Form 7 giúp tạo form liên lạc  WordPress. Bạn cũng có thể truy cập vào mục sau để xem thông tin về các  khác. Cảm ơn bạn đã dành thời gian cho bài viết.

0 nhận xét:

Đăng nhận xét

Twitter Delicious Facebook Digg Stumbleupon Favorites More