Hướng dẫn tạo form liên hệ cho WordPress với Forminator plugins

0
286

Mỗi trang web đều CẦN một hình thức liên lạc. Cho dù bạn đang có một website bán sản phẩm hay một blog tin tức bạn đều cần có một cách dễ dàng nhất để bất cứ ai cũng có thể liên hệ với bạn. Trong bài viết này, HOSTVN sẽ hướng dẫn tạo form liên hệ và thêm nó vào website WordPress của bạn.

Tại sao cần có form liên hệ?

  1. Form liên hệ giúp Độc giả/Khách hàng dễ dàng liên hệ với bạn.
  2. Người dùng thường có xu hướng tìm form liên hệ để liên hệ với chủ website.
  3. Chúng giúp giảm thư rác, vì địa chỉ email của bạn không bị công khai.
  4. Bạn có thể kiểm soát loại thông tin bạn nhận được từ người dùng.

Tạo form liên hệ cho WordPress với Forminator plugins

Bước 1: Cài đặt Forminator

Đầu tiên các bạn cần cài đặt plugins Forminator bằng cách truy cập Dashboard > Plugins > Add New Plugins. Để chi tiết hơn các bạn có thể xem hướng dẫn cài đặt plugins cho WordPress của HOSTVN.

  • Lưu ý: Tại thời điểm viết bài plugins chỉ hoạt động ổn định trên PHP 7.3

Screenshot_10

Bước 2: Tạo form liên hệ

Sau khi đã cài đặt và kích hoạt plugins Forminator các bạn truy cập Forminator -> Dashboard để tạo form

Screenshot_13
Tại đây các bạn sẽ thấy không chỉ cho phép tạo Form plugins còn hỗ trợ tạo PoolsQuizz. Trong bài viết này HOSTVN sẽ hướng dẫn cách tạo Form liên hệ. Để tạo form trong mục Form các bạn click vào nút Create
Screenshot_14

Tiếp theo các bạn sẽ được hỏi chọn template form hãy chọn Contact Form

Screenshot_15

Đặt tên cho Form liên hệ của các bạn và bấm Create

Screenshot_16

Mặc định form liên hệ sẽ 4 trường: First Name, Email Address, Phone Number, và Message.

Screenshot_17

Các trường có dấu * màu đỏ sẽ là các trường bắt buộc phải điền (Require).  Bạn có thể thiết lập trường nhập là Bắt buộc hay Tùy chọn bằng cách click vào tên trường

Screenshot_18

Screenshot_19

Để xem trước Form liên hệ hãy click vào nút SAVE DRAFT sao đó click PREVIEW

Screenshot_20

Screenshot_21

Bước 3: Cài đặt Appearance (Giao diện) và Behaviour (Hành vi)

Forminator cho phép bạn chỉnh sửa giao diện Form của bạn. Trong Appearance , bạn có thể đặt các tham số khác nhau, chẳng hạn như kiểu dáng, màu sắc, phông chữ, phần đệm, đường viền và kiểu phân trang nếu có. Ngoài ra, bạn cũng có thể thêm CSS tùy chỉnh của bạn.

Screenshot_22

Tương tự, cài đặt Behavior cho phép bạn cài đặt những gì xảy ra sau khi biểu mẫu được gửi. Bạn có các tùy chọn để ẩn biểu mẫu, hiển thị thông báo tùy chỉnh hoặc chuyển hướng người dùng của bạn đến một trang khác.

Screenshot_23

Bước 4: Cài đặt cài đặt thông báo email

Forminator cho phép bạn thiết lập cấu hình và gửi email tự động cho người dùng điền vào biểu mẫu và cho bạn (quản trị viên).

Screenshot_24 - tạo form liên hệ cho WordPress

Sau khi đã hoàn tất việc thiếp lập hãy bấm nút PUBLISH để xuất bản Form liên hệ của các bạn

Screenshot_25 - tạo form liên hệ cho WordPress

Bạn sẽ nhận được thông báo thành công kèm theo Shortcode dùng để chèn Form vào vị trí mà bạn muốn

Screenshot_26 - tạo form liên hệ cho WordPress

Bước 5: Thêm Form vào trang web của bạn

Để thêm form liên hệ các bạn có thể tạo một trang mới với tên Liên hệ và chèn mã Shortcode của form vào

Screenshot_27 - tạo form liên hệ cho WordPress

Điền shortcode của form vào sau đó Published trang của bạn

Screenshot_28 - tạo form liên hệ cho WordPress

Sau đó các bạn có thể truy cập trang Liên hệ để kiểm tra

Screenshot_29 - tạo form liên hệ cho WordPress

Ngoài ra để hạn chế Spam các bạn cũng có thể thêm Google reCAPTCHA vào form liên hệ bằng cách đăng ký Google reCAPTCHA và lấy Site KeySecret Key để thiết lập trong plugins. Nếu chưa biết cách đăng ký Google reCAPTCHA hãy tham khảo hướng dẫn đăng ký Google reCAPTCHA trong bài viết sau: Cách chống spam bình luận wordpress với reCAPTCHA

tạo form liên hệ cho WordPress

Kết luận

Qua bài viết này HOSTVN đã hướng dẫn các bạn cách tạo form liên hệ hết sức dễ dàng với plugins Forminator. Ngoài ra Forminator còn hỗ trợ rất nhiều mẫu form khác nhau cũng như cho phép tạo Polls, Quizz. Nếu có bất kỳ ý kiến đóng góp nào các bạn có thể để lại bình luận bên dưới cho HOSTVN biết nhé.

email-business-leaderboard-blog-v3.png
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments