Hướng dẫn tạo form liên hệ trong wordpress

Form liên hệ hay còn gọi là khu vực giao tiếp giữa khách hàng và quản trị website thông quan giao thức trực tiếp trên website. Bạn có thể cài đặt bất kỳ plugin tạo form liên hệ nào cho wordpress đều được. Tuy nhiên nó mất khá nhiều thời gian và công sức đối với những người mới bắt đầu với wordpress vì thế bài viết này tôi sẽ hướng dẫn cách để tạo form liên hệ trong wordpress thông qua plugin Ninja Forms.

Ninja Forms là gì?

Ninja Forms là một plugin tạo mẫu liên hệ miễn phí tốt nhất cho WordPress. Việc xây dựng các biểu mẫu liên hệ chỉ trong vòng vài phút thao tác, bằng cách sử dụng công cụ mẫu kéo và thả đơn giản nhưng mạnh mẽ. Việc cài đặt và cấu hình vô cùng nhanh chóng và dễ dàng mà không cần bắt bạn phải biết đến code. Đối với các nhà phát triển có thể sử dụng dễ dang các móc, bộ lọc, và thậm chí các mẫu trường tùy chỉnh để làm bất cứ điều gì cần ở bất kỳ bước nào trong việc xây dựng biểu mẫu bằng ninja forms.

Plugin Ninja Forms wordpress

Những tính năng chính của Ninja Forms

  • Giao diện ở phiên bản (2017) thay đổi hoàn toàn.
  • Không giới hạn số lượng biểu mẫu, trường, email.
  • Thêm ô dành riêng email, ngày tháng (w/datepicker), số điện thoại, địa chỉ và hơn thế nữa.
  • Sửa đổi trường của riêng bạn rồi lưu lại làm mục yêu thích để sử dụng lại sau.
  • Buộc các trường bắt buộc và định dạng dữ liệu chính xác.
  • Cung cấp cho người dùng của bạn một thông báo thành công.
  • Quản lý, Chỉnh sửa và xuất biểu mẫu người dùng.
  • Xuất khẩu và hình thức nhập khẩu và các lĩnh vực yêu thích.
  • Gửi dữ liệu biểu mẫu qua email cho quản trị viên mỗi khi một mẫu được xử lý.
  • Tùy chỉnh email và thêm HTML cho ảnh, video bằng trình chỉnh sửa HTML Summernote.
  • Một số tùy chọn chống thư rác bao gồm Google reCaptcha, câu hỏi các lĩnh vực.
  • Gửi biểu mẫu thông qua AJAX cho phép trải nghiệm người dùng liền mạch mà không cần làm mới trang.

Hướng dẫn tạo form liên hệ trong wordpress

#1 Cài đặt Ninja Forms

Để tạo form liên hệ trên website trước tiên cần cài đặt và kích hoạt plugin ninja forms bằng 2 cách cài đặt trong khu vực quản trị của website hoặc upload trực tiếp vào đường dẫn content/plugin như hình ảnh bên dưới.

Hướng dẫn cài đặt ninja forms plugin wordpress

Sau khi cài đặt xong tiến hành kích hoạt và sử dụng như bình thường.

#2. Hướng dẫn sử dụng Ninja Forms

Sau khi kích hoạt thành công Ninja Forms bạn sẽ được chuyển sang giao diện cài đặt chính hoặc có thể truy cập Dashboard > Ninja Forms bất cứ khi nào.

Giao diện chính của plugin ninja forms

Click vào “ADD NEW” để tạo mẫu form mới.

Tạo forms mới bằng ninja forms

Tiếp theo là 4 tùy chọn mẫu dành hãy trọng 1 trong số đó.

4 tùy chọn khi tạo forms mới bằng ninja forms

Trong đó bao gồm:

  • Blank Form: Biểu mẫu trống cho phép bạn tạo bất kỳ loại biểu mẫu nào bằng cách sử dụng trình tạo kéo và thả.
  • Contact Us: Cho phép người dùng liên hệ với bạn bằng biểu mẫu liên hệ đơn giản.
  • Quote Request: Quản lý yêu cầu báo giá từ trang web một cách dễ dàng bằng mẫu này.
  • Event Registration: Cho phép người dùng đăng ký cho sự kiện tiếp theo dễ dàng để hoàn thành mẫu.

Ở đây tôi sẽ hướng dẫn tạo form liên hệ trên trang website, nhấp chuột vào “Blank Form”.

Giao diện kéo thả của plugin ninja forms

Giao diện kéo thả của plugin ninja forms xuất hiện trong đó hàng bên phải màn hình là tất cả những vật dụng cần thiết, hãy di chuột và kéo thả các vật dụng cần thiết sang hàng bên trái.

Tạo mẫu liên hệ bằng ninja forms

Đối với một mẫu liên hệ đơn giản chỉ cần tên, nội dung, email và nút gửi như ảnh bên trên.

Ngoài ra bạn cũng có thể thêm các vật dụng khác như html, họ tên đẹm, thành phố, Google reCaptcha để tránh spam… Sau khi làm xong ấn lưu lại và xuất bản form mới của bạn.

Xuất bản form trong ninja forms

#3. Chèn Ninja Forms vào trang hoặc bài viết

Để chèn Ninja Forms vào trang hoặc bài viết cũng khá đơn giản sau khi bạn đã tạo form mới truy cập vào Dashboard > Ninja Forms và copy shortcode và dán vào trang hoặc bài viết bất kỳ.

Hướng dẫn sử dụng shortcode trong ninjaforms wordpress

Dán shortcode ninjaforms vào trang liên hệ

Đối với các mẫu forms khác làm tương tự.

Sửa lỗi không gửi được mail trong wordpress

Người dùng khi cài đặt wordpress thường mắc phải lỗi không thể gửi mail trên wordpress vì lí do nhà cung cấp hosting không hỗ trợ hàm gửi mail hoặc do quá nhiều website sử dụng trên một IP và được google xếp vào doanh mục spam mail. Trong các trường hợp khẩn cấp như quên mật khẩu, khách hàng liên hệ trên trang website mà không có email được gửi thì lúc đó bạn cần đến WP SMTP.

WP SMTP có thể giúp bạn gửi email thông qua SMTP thay vì chức năng PHP mail(), bạn có thể cài đặt và cấu hình dễ dàng thông qua đường dẫn “Dashboard” -> “Settings” -> “WP SMTP”. Sau khi cài đặt cấu hình xong sẽ có một số ví dụ để test cho bất kỳ email nào.

Admin đang update bài viết “hướng dẫn thiết lập smtp gmail”.

Lời kết

Trên đây là những cách để tạo form liên hệ trong wordpress với phương pháp này bạn có thể tự tay tạo cho mình những form liên hệ đẹp, hoặc form liên hệ html, tạo form đăng ký trong wordpress. Ngoài ra bạn cũng có thể sử dụng các plugin khác như Contact Form 7, WPForms, Jetpack Forms, Gravity Forms … Hy vọng bài viết này sẽ hữu ích cho bạn mọi thắc mắc vui lòng comment bên dưới.

The post Hướng dẫn tạo form liên hệ trong wordpress appeared first on Sampres.com.

Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Hướng dẫn cài đặt wordpress trên Xampp mới nhất

Cài đặt wordpress là bước đầu tiên để bắt đầu bất kỳ dự án nào, nhiều người trong chúng ta đặc biệt là những người mới việc cài đặt wordpress sẻ trở lên khó khăn hơn bao giờ hết, tuy nhiên nếu để ý kỹ bạn sẽ thấy thực sự không phải như vậy và ở bài viết này tôi sẽ hướng dẫn bạn cách cài đặt wordpress trên xampp một cách nhanh và dễ hiểu nhất. Xampp là gì? Xampp hay còn gọi một là chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin. Không như Appserv, Xampp có chương trình quản lý khá tiện lợi, cho phép chủ động bật tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào. Chúng ta thường sử dụng xampp để cài đặt mã nguồn website như wordpress với nhiều ưu điểm như quản lý dễ dàng, dễ dàng theo tác, sử dụng offline ngay cả khi không có kết nối dữ liệu, ngoài ra bạn có thể sao lưu dữ liệu của mình lên online bất kỳ khi nào muốn. Làm thế nào để cài đặt xampp trên windows? Thật may mắn là xampp là một ...
Đọc thêm

Quy trình SEO tổng thể một dự án by Vũ Đức Mạnh

Hình ảnh
Seo là công việc tốn khá nhiều thời gian đối với bất kỳ dự án nào vì vậy đa số trong chúng ta đều không muốn làm điều đó tuy nhiên nó là công việc bắt buộc để bạn bắt đầu xây dựng thương hiệu cá nhân của mình trên internet, và dưới đây chúng tôi xin chia sẻ bạn bài viết quy trình SEO  thành công cho bất kỳ dự án nào bên dưới đây hãy cùng xem nhé. Phần 1: Nghiên cứu từ khóa Là bước đầu tiên sau khi nhận từ khóa của khách hàng gồm các từ khóa chính, tiếp theo nhập từ khóa chính vào Keywords Explorer của Ahrefs để kiểm tra độ khóa và các từ khóa liên quan. Thông thường trên lý thuyết thì những từ khóa có chỉ số Difficulty (Độ khó) từ 0 – 5 là những từ khóa dễ, từ 5 – 10 là những từ khóa trung bình, trên 10 là những từ khóa khó. Trên thực tế để đánh giá một từ khóa khó cần phải phân tích các chỉ số của đối thủ như Url Rating, Domain Rating, hồ sơ backlink có chất lượng không? Đặc biệt là 2 chỉ số ...
Đọc thêm

Hướng dẫn tích hợp Widget Zalo Chat vào website wordpress

Hình ảnh
Zalo chat là một trong những mạng xã hội lớn nhất việt làm, theo thống kê thì có tới 90% người dùng sử dụng zalo liên tục để nhắn tin, vì thế nó được xếp vào một trong những kênh bán hàng lớn hiện nay, hiện nay zalo đã ra các phiên bản dành cho máy tính, tuy nhiên chúng ta mới chỉ có thể sử dụng vào việc nhắn tin thôi vì nó chưa hỗ trợ đăng stt – Và để thuận tiện hơn trong việc kết nối với nhau hôm nay mình sẽ hướng dẫn bạn cách tích hợp Zalo Chat vào website wordpress một cách đơn giản nhất. Hướng dẫn tích hợp Widget Zalo Chat vào website wordpress Chúng ta có thể thực hiện việc này bằng hai cách khác nhau, tùy vào mục địch sử dụng của bạn các thứ nhất là chúng ta sẽ chèn trực tiếp code zalo chát vào widgets của wordpress, hoặc đối với bạn nào không muốn chỉnh sửa code thì có thể cài plugin OT Zalo chức năng tương tự. Hướng dẫn chèn code Zalo chát vào Widgets website wordpress Để thực hiện việc này trước tiên bạn cần phải truy cập vào tài khoản zalo của mình, nếu bạn chưa có tà...
Đọc thêm