Tạo form liên hệ cho blog WordPress với plugin Jetpack.
Contact form hay form liên hệ (biểu mẫu liên hệ) là một trong những điều không thể thiếu trong một blog/website. Nó không chỉ giúp bạn tương tác tốt hơn với khách truy cập, khách hàng, nâng cao trải nghiệm người dùng mà còn là một trong những tiêu chí quan trọng giúp bạn đăng ký thành công Google AdSense. Trong WordPress, bạn có thể tạo chúng một cách đơn giản bằng cách sử dụng các plugin như Contact Form 7, Contact Form,… Tuy nhiên, nếu bạn đang sử dụng Jetpack plugin, bạn có thể tận dụng các module của nó để tạo ra một form liên hệ chuyên nghiệp mà không cần cài thêm bất cứ một plugin nào khác.
Tham khảo thêm:
- 22 Plugins contact form tốt nhất cho WordPress (Phần 1)
- 22 Plugins contact form tốt nhất cho WordPress (Phần 2)
Tạo form liên hệ với plugin Jetpack
1. Đầu tiên, các bạn phải truy cập vào Jetpack => Settings và kích hoạt module “Contact Form“.
2. Tiếp theo, hãy click vào New => Page để tạo một trang mới. Tại đây, các bạn sẽ nhìn thấy nút “Add Contact Form” trong trình soạn thảo WordPress. Click vào đó để truy cập vào trang cài đặt contact form.
Theo mặc định, form liên hệ sẽ có 4 mục, bao gồm: Name, Email, Website và Comment. Bạn có thể chỉnh sửa (hoặc Việt hóa) chúng bằng cách click vào nút “Edit“. Và nếu muốn sắp xếp lại vị trí các mục, hãy để con trỏ chuột trên nút “Move” sau đó kéo – thả theo ý muốn.
3. Chuyển sang tab “Email Notifications“. Tại đây, hãy nhập địa chỉ email mà bạn muốn sử dụng để nhận thông tin liên hệ từ khách truy cập. Click vào “Save and go back to form builder” để lưu lại.
Sau khi hoàn tất việc chỉnh sửa, click vào nút “Add this form to my post” để chèn sortcode của form vào trang (bài viết). Cuối cùng, click vào nút “Publish” để xuất bản trang liên hệ của bạn.
Kể từ bây giờ, nếu có bất kỳ ai đó sử dụng form để liên hệ với bạn, một email sẽ được tự động gửi đến địa chỉ email mà bạn đã khai báo lúc tạo form. Bạn cũng có thể quản lý thông tin liên lạc này thông qua mục “Feedback” trong bảng điều khiển của WordPress. Thật đơn giản phải không nào? Chúc các bạn thành công. :P
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Cường đã bình luận:
05/11/2014 at 11:50Đang tính làm 1 trang web giải trí,kiểu truyện bá đạo,video hài hước như trang haivl bằng wp,theo thím nên xài theme nào.Tại đang có fanpage 39k like thật để vậy phí quá http://www.facebook.com/cuoivm
Trung Hieu đã bình luận:
05/11/2014 at 15:08Haha. Nhìn haivl mà chưa biết sợ à? :D Hình như bên manpham.com có share hay rao bán theme WordPress theo phong cách haivl đấy. Qua đấy hỏi thử xem. :P
Thanh đã bình luận:
06/11/2014 at 16:22Vậy là quá tốt ùi, đỡ phải tốn tài nguyên cài thêm cái contact form 7 :D
Trung Hieu đã bình luận:
06/11/2014 at 17:55Jetpack là một plugin All-in-One mà. Với nó, bạn có thể làm hầu hết các việc cơ bản. Bạn nhớ đón đọc các bài viết tiếp theo trong series nhé. :P
Long đã bình luận:
18/09/2015 at 12:14Mình tạo Form liên hệ từ Jetpack, trong mục Feedback thấy có thông tin người gửi nhưng trong Gmail mình đăng ký để nhận thông tin thì không thấy có.
Trung Hiếu đã bình luận:
18/09/2015 at 12:22Có mà bạn. Bạn kiểm tra lại thiết lập thử xem. Demo luôn cái email bạn gửi cho mình: https://goo.gl/photos/rXxoFHqmkxXFFsnD7 :P
Long đã bình luận:
18/09/2015 at 15:05Mình làm được rồi, hóa ra của mình nó chặn gì đó, phải thiết lập cái SMTP Gmail.
Long đã bình luận:
03/10/2015 at 12:20Mình sử dụng Jetpack Contact Form Auto Reply để kết hợp với Contact Form của Jetpack để tự động gửi 1 Email tới người liên hệ khi người đó sử dụng Form liên hệ Jetpack.
Mình đã cài đặt và thiết lập đầy đủ nhưng không hiểu sao Email không gửi đi.
Khi có liên hệ mình vẫn nhận được thông tin trong Feedback và trong Email của mình.
Thân gửi!
Trung Hiếu đã bình luận:
03/10/2015 at 13:23Plugin này đã lâu không được update nên khả năng nó không tương thích với các phiên bản JetPack và WordPress mới cũng là điều dễ hiểu. Bạn thử kiểm tra error_log xem nó có báo lỗi gì không? Cũng có thể là do host của bạn chặn gửi mail qua SMTP? :P
Thiện đã bình luận:
06/03/2016 at 13:59Nhờ https://wpcanban.com/ mà mình làm được nhiều thứ, cảm ơn bạn vì những chia sẻ
Tình đã bình luận:
22/08/2016 at 18:06Hiếu ơi cho mình hỏi sao cài jetpack và kích hoạt xong thì vào phần add contack form nó lại không ra form như hình mà nó ra vậy
https://www.facebook.com/photo.php?fbid=800046390135698&set=a.341021732704835.1073741829.100003910339232&type=3&theater
Trung Hiếu đã bình luận:
23/08/2016 at 08:09Mình không xem được link hình ảnh. Bạn không để chế độ công khai à? :P
tình đã bình luận:
24/08/2016 at 11:54Ah mình đã sữa lại chế độ công khai rồi. Bạn xem lại dùm nhé !
Trung Hiếu đã bình luận:
24/08/2016 at 12:21Hình như bị conflict với plugin nào rồi. Bạn có dùng plugin minify hay combine css, js nào trên site không? :P
tình đã bình luận:
24/08/2016 at 12:31Mình đang dùng 1 số plugin: Breadcrumb navxt, ckeditor for wordpress, forget about Shortcode Buttons, Google XML Sitemaps, Gói SEO Tất Cả Trong Một, Insert Headers and Footers, PS Auto Sitemap, TablePress, WP Config-O-Matic, Page Builder by SiteOrigin, BackWPup, Akismet
Trung Hiếu đã bình luận:
24/08/2016 at 12:46Có thể bị xung đột với một trong 2 thằng này: CKEditor for WordPress hoặc Page Builder by SiteOrigin. :P
Tình đã bình luận:
24/08/2016 at 16:17Vậy mình phải gỡ bỏ plugin (CKEditor for WordPress hoặc Page Builder by SiteOrigin) hay chỉ cần ngưng kích hoặt nó?
Trung Hiếu đã bình luận:
24/08/2016 at 19:21Bạn thử ngưng kích hoạt xem có đúng là conflict với một trong 2 thằng đó không? :P
Tình đã bình luận:
24/08/2016 at 20:07Mình đã thử ngưng kích hoặt tất cả nhưng không được. Chắc phải xóa nó luôn
Soju đã bình luận:
02/04/2017 at 15:28a Hiếu đang dùng cái contact form này à :P
Trung Hiếu đã bình luận:
02/04/2017 at 15:46Chuẩn rồi. Nhưng mình tự viết CSS chứ không dùng CSS mặc định của Jetpack. :P
đèn trang trí đã bình luận:
05/04/2018 at 11:57Cảm ơn chia sẻ của admin ạ!!!