Tạo form liên hệ trong WordPress là một công việc không mấy chi là khó khăn vì bạn có thể tìm thấy rất nhiều plugin cho phép tự tạo form theo ý mình như Gravity Forms (trả phí), Contact Form 7 (miễn phí) hay Jetpack (miễn phí). Bản thân mình đang dùng Gravity Forms bởi nó có nhiều tính năng rất hay và hỗ trợ nhiều addon để bạn có thể tạo thành bất cứ form nào mình thích, nhưng không phải ai cũng có điều kiện sử dụng nó với cái giá $39 để sử dụng trên 1 website. Nhưng nếu các bạn muốn tìm một plugin cho phép bạn tạo form với các chức năng thêm nhiều field tùy chỉnh để tiện sử dụng theo tùy trường hợp, chuyên nghiệp mà hoàn toàn miễn phí thì có thể dùng tính năng tạo form trong Jetpack. Mình thích plugin này bởi vì nó có cơ chế sử dụng đơn giản nhưng không kém phần thuận tiện, chuyên nghiệp.
Lưu ý
Plugin Jetpack không hoạt động trên localhost
d Giới thiệu chức năng tạo form liên hệ trong Jetpack
Chức năng này sẽ cho phép bạn tự tạo nhiều form liên hệ khác nhau và nhúng chúng vào bài viết bằng shortcode. Lý do mà mình thích plugin này đó là cho phép bạn tự thêm nhiều field vào form để khách có thể nhập đầy đủ các thông tin liên hệ cho bạn tiện làm việc, các thư liên hệ mà khách gửi đi sẽ được gửi thẳng vào mail của bạn với các thông tin mà khách đã điền trong field, tính năng nổi bật đi kèm với nó là bạn có thể tùy chỉnh email nhận thư và tiêu đề thư trong mỗi form khác nhau.
Ví dụ, bạn có thể thấy một form liên hệ cơ bản bao gồm 3 field chính đó là:
Tên:Email:Nội dung liên hệ:
Nhưng với plugin này, bạn có thể tạo thêm nhiều field khác để khách có thể nhập vào như:
Tên:
Số điện thoại:
Email:
Nhu cầu liên hệ:
Địa chỉ:
Nội dung liên hệ:
Và trong mỗi field đó, các bạn có thể chọn nhiều kiểu nhập thông tin khác nhau như tự nhập chữ, checkbox, dropdown..v..v..Chính vì thế, với plugin này bạn có thể tạo nhiều form khác nhau tùy theo mục đích sử dụng như form đăng ký mua hàng, đặt chỗ..v.v..
Như mình đã nói ở trên, plugin này không phải chỉ cho bạn tạo một form trong website để sử dụng chung mà bạn có thể tạo bao nhiêu form tùy thích và đặt bất cứ ở nơi đâu tùy thích, mỗi form bạn được phép tùy chỉnh field hay email nhận thư khác nhau. Rất tốt cho một plugin miễn phí đúng không nào.
S Hướng dẫn cài đặt và sử dụng
Cài đặt Jetpack
Các bạn tải plugin Jetpack về và cài đặt như một plugin bình thường.
Sau khi cài đặt xong, bạn sẽ thấy một thông báo yêu cầu bạn kết nối với tài khoản WordPress.com để có thể sử dụng Jetpack. Nếu bạn chưa có tài khoản WordPress.com thì có thể đăng ký.
Sau đó các bạn nhập user và mật khẩu WordPress.com rồi nhấn Authorize Jetpack.
Sau khi kết nối với tài khoản WordPress.com xong, bạn có thể sử dụng các chức năng trong Jetpack ngay. Nhưng trong phạm vi bài này mình chỉ nói đến chức Contact Form trong Jetpack.
Tạo form liên hệ trong Jetpack
Bây giờ khi bạn viết bài mới hay tạo một trang mới, các bạn sẽ thấy nút tạo form ngay bên cạnh nút Add media.
Nhấp vào nó bạn sẽ thấy một cửa sổ bật ra như thế này, đó là nơi bạn tùy chỉnh các field của form và cài đặt mail thông báo.
Nó cung cấp bạn 4 field mặc định, nhưng bạn có thể xóa hay chỉnh sửa tiêu đề của nó để phù hợp với mục đích sử dụng. Để xóa bất cứ field nào, bạn nhấp vào dấu - kế bên mỗi field là nó sẽ tự xóa ngay. Để sửa field thì các bạn rê chuột vào field cần sửa và chọn Edit.
Muốn tạo thêm một field mới, các bạn nhấp vào liên kết Add new a field ngay bên dưới, sau đó nhập tên của field và loại field. Nếu bạn muốn field đó khách bắt buộc phải nhập thì tích dấu vào Required?, đừng quên nhấp vào nút Save this field khi hoàn tất nhé. Mình xin giải thích các loại field (field type) như sau:
- Checkbox: Loại field mà khách sẽ đánh dấu vào để chọn.
- Drop down: Loại field mà khách sẽ chọn một trong các giá trị field có sẵn thông qua menu đổ xuống.
- Email: Loại field đặc biệt để khách nhập email của mình vào. Khi khách nhập email vào field này, thì khi bạn nhận mail liên hệ, bạn có thể trả lời mail lại cho khách, vì lúc đó email của khách sẽ tự động đưa vào địa chỉ nhận mail trả lời.
- Name: Loại field đặc biệt để khách nhập tên của mình.
- Radio: Loại field cho phép khách chọn một trong danh sách các dữ liệu có sẵn thông qua các nút chọn hình tròn.
- Text: Loại field mà khách sẽ tự nhập dữ liệu vào đó.
- Textarea: Cũng là loại field cho phép khách tự nhập dữ liệu nhưng form của nó to hơn, thích hợp để gửi các nội dung có chiều dài văn bản lớn.
- Website: Field đặc biệt để khách nhập địa chỉ website của mình.
Mặc định sau khi khách gửi thư liên hệ thì nó sẽ tự gửi qua email của người quản trị mà bạn đã thiết lập trong Setting ⇨ General. Nhưng nếu bạn muốn tùy chọn một email khác để nhận thư liên hệ dành cho form đang tạo thì các bạn chuyển qua tab Email Notifications phía trên.
- Enter your email address: Nhập email sẽ nhận thư liên hệ.
- What should the subject line be: Nhập tiêu đề của thư liên hệ.
Nhập xong nhớ nhấp Save and go back to form builder.
Nếu các bạn chèn form này vào bài viết hay trang mà để trống 2 tùy chọn này thì email nhận thư liên hệ sẽ là email của tác giả bài viết/trang. Còn tiêu đề form là tiêu đề bài viết/trang.
Sau khi nhấn nút Add form to this post, bạn sẽ thấy đoạn một đoạn shortcode được chèn vào bài viết, bạn có thể sửa các thông tin trong form thông qua shortcode này.
Hy vọng với một tính năng nhỏ này trong Jetpack có thể chuyên nghiệp hóa các tính năng tạo form liên hệ trên blog WordPress thật hiệu quả. Jetpack còn có rất nhiều tính năng khác rất hay, đó là lý do Jetpack luôn được mình sử dụng trên bất cứ blog WordPress nào của mình.
Xem chi tiết: http://thachpham.com/wordpress/wp-plugin/tao-form-lien-he-chuyen-nghiep-voi-jetpack.html#ixzz2Ozq8qaCRTạo form liên hệ trong WordPress là một công việc không mấy chi là khó khăn vì bạn có thể tìm thấy rất nhiều plugin cho phép tự tạo form theo ý mình như Gravity Forms (trả phí), Contact Form 7 (miễn phí) hay Jetpack (miễn phí). Bản thân mình đang dùng Gravity Forms bởi nó có nhiều tính năng rất hay và hỗ trợ nhiều addon để bạn có thể tạo thành bất cứ form nào mình thích, nhưng không phải ai cũng có điều kiện sử dụng nó với cái giá $39 để sử dụng trên 1 website. Nhưng nếu các bạn muốn tìm một plugin cho phép bạn tạo form với các chức năng thêm nhiều field tùy chỉnh để tiện sử dụng theo tùy trường hợp, chuyên nghiệp mà hoàn toàn miễn phí thì có thể dùng tính năng tạo form trong Jetpack. Mình thích plugin này bởi vì nó có cơ chế sử dụng đơn giản nhưng không kém phần thuận tiện, chuyên nghiệp.
Lưu ý
Plugin Jetpack không hoạt động trên localhost
d Giới thiệu chức năng tạo form liên hệ trong Jetpack
Chức năng này sẽ cho phép bạn tự tạo nhiều form liên hệ khác nhau và nhúng chúng vào bài viết bằng shortcode. Lý do mà mình thích plugin này đó là cho phép bạn tự thêm nhiều field vào form để khách có thể nhập đầy đủ các thông tin liên hệ cho bạn tiện làm việc, các thư liên hệ mà khách gửi đi sẽ được gửi thẳng vào mail của bạn với các thông tin mà khách đã điền trong field, tính năng nổi bật đi kèm với nó là bạn có thể tùy chỉnh email nhận thư và tiêu đề thư trong mỗi form khác nhau.
Ví dụ, bạn có thể thấy một form liên hệ cơ bản bao gồm 3 field chính đó là:
Tên:Email:Nội dung liên hệ:
Nhưng với plugin này, bạn có thể tạo thêm nhiều field khác để khách có thể nhập vào như:
Tên:
Số điện thoại:
Email:
Nhu cầu liên hệ:
Địa chỉ:
Nội dung liên hệ:
Và trong mỗi field đó, các bạn có thể chọn nhiều kiểu nhập thông tin khác nhau như tự nhập chữ, checkbox, dropdown..v..v..Chính vì thế, với plugin này bạn có thể tạo nhiều form khác nhau tùy theo mục đích sử dụng như form đăng ký mua hàng, đặt chỗ..v.v..
Như mình đã nói ở trên, plugin này không phải chỉ cho bạn tạo một form trong website để sử dụng chung mà bạn có thể tạo bao nhiêu form tùy thích và đặt bất cứ ở nơi đâu tùy thích, mỗi form bạn được phép tùy chỉnh field hay email nhận thư khác nhau. Rất tốt cho một plugin miễn phí đúng không nào.
S Hướng dẫn cài đặt và sử dụng
Cài đặt Jetpack
Các bạn tải plugin Jetpack về và cài đặt như một plugin bình thường.
Sau khi cài đặt xong, bạn sẽ thấy một thông báo yêu cầu bạn kết nối với tài khoản WordPress.com để có thể sử dụng Jetpack. Nếu bạn chưa có tài khoản WordPress.com thì có thể đăng ký.
Sau đó các bạn nhập user và mật khẩu WordPress.com rồi nhấn Authorize Jetpack.
Sau khi kết nối với tài khoản WordPress.com xong, bạn có thể sử dụng các chức năng trong Jetpack ngay. Nhưng trong phạm vi bài này mình chỉ nói đến chức Contact Form trong Jetpack.
Tạo form liên hệ trong Jetpack
Bây giờ khi bạn viết bài mới hay tạo một trang mới, các bạn sẽ thấy nút tạo form ngay bên cạnh nút Add media.
Nhấp vào nó bạn sẽ thấy một cửa sổ bật ra như thế này, đó là nơi bạn tùy chỉnh các field của form và cài đặt mail thông báo.
Nó cung cấp bạn 4 field mặc định, nhưng bạn có thể xóa hay chỉnh sửa tiêu đề của nó để phù hợp với mục đích sử dụng. Để xóa bất cứ field nào, bạn nhấp vào dấu - kế bên mỗi field là nó sẽ tự xóa ngay. Để sửa field thì các bạn rê chuột vào field cần sửa và chọn Edit.
Muốn tạo thêm một field mới, các bạn nhấp vào liên kết Add new a field ngay bên dưới, sau đó nhập tên của field và loại field. Nếu bạn muốn field đó khách bắt buộc phải nhập thì tích dấu vào Required?, đừng quên nhấp vào nút Save this field khi hoàn tất nhé. Mình xin giải thích các loại field (field type) như sau:
- Checkbox: Loại field mà khách sẽ đánh dấu vào để chọn.
- Drop down: Loại field mà khách sẽ chọn một trong các giá trị field có sẵn thông qua menu đổ xuống.
- Email: Loại field đặc biệt để khách nhập email của mình vào. Khi khách nhập email vào field này, thì khi bạn nhận mail liên hệ, bạn có thể trả lời mail lại cho khách, vì lúc đó email của khách sẽ tự động đưa vào địa chỉ nhận mail trả lời.
- Name: Loại field đặc biệt để khách nhập tên của mình.
- Radio: Loại field cho phép khách chọn một trong danh sách các dữ liệu có sẵn thông qua các nút chọn hình tròn.
- Text: Loại field mà khách sẽ tự nhập dữ liệu vào đó.
- Textarea: Cũng là loại field cho phép khách tự nhập dữ liệu nhưng form của nó to hơn, thích hợp để gửi các nội dung có chiều dài văn bản lớn.
- Website: Field đặc biệt để khách nhập địa chỉ website của mình.
Mặc định sau khi khách gửi thư liên hệ thì nó sẽ tự gửi qua email của người quản trị mà bạn đã thiết lập trong Setting ⇨ General. Nhưng nếu bạn muốn tùy chọn một email khác để nhận thư liên hệ dành cho form đang tạo thì các bạn chuyển qua tab Email Notifications phía trên.
- Enter your email address: Nhập email sẽ nhận thư liên hệ.
- What should the subject line be: Nhập tiêu đề của thư liên hệ.
Nhập xong nhớ nhấp Save and go back to form builder.
Nếu các bạn chèn form này vào bài viết hay trang mà để trống 2 tùy chọn này thì email nhận thư liên hệ sẽ là email của tác giả bài viết/trang. Còn tiêu đề form là tiêu đề bài viết/trang.
Sau khi nhấn nút Add form to this post, bạn sẽ thấy đoạn một đoạn shortcode được chèn vào bài viết, bạn có thể sửa các thông tin trong form thông qua shortcode này.
Hy vọng với một tính năng nhỏ này trong Jetpack có thể chuyên nghiệp hóa các tính năng tạo form liên hệ trên blog WordPress thật hiệu quả. Jetpack còn có rất nhiều tính năng khác rất hay, đó là lý do Jetpack luôn được mình sử dụng trên bất cứ blog WordPress nào của mình.
Nguồn : chúng tôi sưu tầm từ nhiều nguồn
Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn
Chung cư The Vesta giá rẻ, so sánh với chung cư 176 Định Công, Tổ hợp Roman Plaza
Trả lờiXóa