Cách tạo form liên hệ WordPress một cách dễ dàng nhất

Tạo from liên hệ WordPress là điều kiện cần thiết để kết nối khách hàng với bạn và chuyển đổi mua hàng.

Trên thực tế, có một Trang web có nghĩa là bạn đang kinh doanh trực tuyến và kiếm tiền từ đó.

Mục đích duy nhất của bạn là cung cấp nội dung có giá trị và bán sản phẩm cho khách hàng có nhu cầu. Hoặc nếu bạn kiếm tiền bằng cách viết blog thì độc giả của bạn cũng cần trò chuyện với bạn.

Vì vậy chắc chắn rằng người truy cập cần tìm cách liên hệ với bạn trong các trường hợp như đặt câu hỏi, yêu cầu hợp tác, báo cáo sự cố về Trang web của bạn,..

Giờ đây, một biểu mẫu liên hệ sẽ giúp bạn đơn giản hóa mọi thứ.

Trong bài viết này, tôi sẽ chỉ cho bạn cách tạo biểu mẫu liên hệ trong WordPress một cách dễ dàng mà không yêu cầu bất kỳ kiến ​​thức lập trình web nào.

[block_content id=”706″]

Tại sao tôi phải tạo biểu mẫu liên hệ WordPress cho Trang web?

Có thể lúc này bạn sẽ nói: “Tôi có hiển thị số điện thoại liên hệ trên blog/trang web, ai cần liên hệ thì gọi vào đó”.

Điều này hoàn toàn chính xác, mình thấy hầu hết các Website hiện nay vẫn đang áp dụng theo cách này.

Tuy nhiên, cách làm này có một số nhược điểm mà bạn có thể không nghĩ tới:

  • Thứ nhất,  không phải ai lúc nào cũng có trong điện thoại một số tiền để theo dõi máy và gọi cho bạn. Đặc biệt là thói quen sử dụng Wifi và gọi điện qua các mạng xã hội trở nên phổ biến.
  • Tiếp theo,  không phải ai lúc nào cũng tự tin cầm điện thoại lên và trò chuyện xuyên suốt với bạn về một vấn đề. Họ có thể là người không giỏi ăn nói và sợ nói chuyện qua điện thoại.
  • Cuối cùng,  mọi người không muốn người lạ biết số điện thoại của họ. Đặc biệt là các dịch vụ như bảo hiểm hoặc sản phẩm bất động sản thì những cuộc gọi không có gì phức tạp hơn.

​Đó là lý do tại sao bạn không nên sử dụng mọi hình thức liên lạc qua điện thoại, thay vào đó hãy sử dụng một hình thức gián tiếp khác.

Email sẽ là tiêu đề xuất sắc nhất mà tôi khuyên bạn nên sử dụng.

Mặc dù bạn có thể để thông báo Email ở bất kỳ vị trí nào trên Blog/Website như Header hay Footer. Khi ai đó cần liên hệ với họ, họ sẽ sao chép và dán nó vào một email trình soạn thảo (Gmail giả mạo) sau đó có thể gửi đi.

Điều này rất mất thời gian và lướt qua, hơn nữa mọi người thường không biết viết tiêu đề như thế nào để bạn nhận ra và mở nó ra.

Trong một số trường hợp, đôi khi bạn sẽ bỏ qua vì nghĩ rằng email đó là thư rác, nhưng bạn có thể vừa mất đi một khách hàng rất tiềm năng.

Vì vậy, để giải quyết tất cả các vấn đề trên, bạn nên sử dụng tính năng tạo biểu mẫu liên hệ trong WordPress. Rất đơn giản chỉ với vài thao tác là bạn đã có ngay một hình thức liên hệ giúp khách hàng liên hệ với bạn mọi lúc – mọi nơi và gửi thông báo đến Email của bạn.

Ví dụ: nếu bạn nhấp vào liên kết “Liên hệ với chúng tôi” trên menu của mình, bạn sẽ thấy Biểu mẫu liên hệ của Blog 

Chà! Không để bạn đợi lâu nữa chúng tôi đã tạo mẫu liên hệ cho riêng mình.

Bắt đầu tạo Form liên hệ trong WordPress

Có nhiều cách tạo Form khác nhau trong WordPress, tuy nhiên mình luôn muốn truy cập vào sự đơn giản cho bạn.

Vì vậy chúng ta chỉ cần cài đặt Plugin để thực hiện điều này thay vì phải xung đột với mã.

Trước tiên, bạn hãy tìm plugin tạo Form liên hệ tốt nhất cho WordPress. Có ít plugin khác nhau trên thị trường nhưng mình khuyến nghị bạn nên sử dụng 1 trong 2 plugin là  WPforms  hoặc  Contact Form 7 .

Đây là 2 plugin miễn phí tốt nhất đạt hơn 1 triệu lượt cài đặt trên WordPress. Với WPforms, bạn sẽ được tích hợp tính năng kéo thả các trường có sẵn, còn đối với Biểu mẫu liên hệ 7, bạn sẽ chọn các trường ở định dạng HTML sau đó việt hóa nó.

Về cơ bản cách sử dụng chúng đơn giản nằm ngang nhau nhưng để bạn có được sự thoải mái thoải mái mình sẽ hướng dẫn luôn cả 2 chiều.

Cách 1: Tạo Form liên hệ với WPForms

Trước tiên, hãy truy cập vào kho lưu trữ plugin WordPress và nhập “WPForms” vào thanh tìm kiếm. Sau đó nhấp vào Cài đặt & Kích hoạt nó. Nếu bạn không biết quy trình hoạt động như thế nào, hãy xem hướng dẫn cài đặt plugin của chúng tôi.

cai-dat-plugin-wpform

Tiếp theo tại trang quản trị, hãy nhấn chọn  Thêm mới  để đi tới giao diện tạo Biểu mẫu mới.

 

Enter the Form name you want to add to the  Form Name . Ví dụ trong trường hợp này là liên hệ.

chon-blank-trang-wpform

Sau đó chọn mẫu muốn tạo trong phần Chọn mẫu có 4 mẫu để bạn lựa chọn. Tuy nhiên để các bạn tiếp xúc với các tính năng cơ bản trên WordPress thì mình sẽ hướng dẫn các bạn tự làm từ đầu.

Vì vậy, hãy nhấp vào Biểu mẫu trống.

Bạn sẽ thấy một số trường (còn gọi là trường) được phép sử dụng trong phần Trường tiêu chuẩn.

Kéo trường Tên vào vùng trống bên phải, tương tự kéo trường email và Đoạn Văn bản tương ứng ở bên dưới.

keo-tên-form-wp

Object with field Name

Nhãn:  Tên có thể hiển thị vùng điền thông tin. Ví dụ:  “Họ tên của bạn”

Định dạng:  Nên chọn Đơn giản để có thể hiển thị 1 ô duy nhất.

 

cai-dat-truong-ho-ten-wpform

Đối với trường Email

Bạn có thể giữ lại trường này vì nó không có gì quan trọng hoặc bạn có thể đổi Nhãn thành “Email của bạn”

Argument with field Đoạn văn bản

Thay đổi nhãn thành “Nội dung bạn muốn gửi” hoặc đại loại như vậy để người liên hệ biết đó là nơi cần điền nội dung.

Trong phần này, bạn có thể mở Tùy chọn nâng cao và trong Văn bản giữ chỗ trống văn bản để mọi người biết đó là khu vực họ cần nhập.

cai-dat-truong-nhap-noi-dung-wpform

Thẻ Chung

 

cài đặt chung-wpform

Form Name: Đổi tên Form nếu muốn.

Form Description: Mô tả về Form nhưng mình thấy không cần thiết nên bỏ qua.

Form CSS Class: Form CSS class để thuận tiện trong việc làm đẹp bằng code CSS. Nếu bạn có kiến ​​thức về HTML và CSS thì phần này đã quá quen thuộc.

Gửi văn bản nút: Tên của nút để gửi nội dung.

Văn bản xử lý nút gửi: Tên nút có thể hiện tốc độ sau khi gửi. Ví dụ: Gửi, gửi nội dung, vv

Lớp CSS của nút gửi: Lớp CSS của nút gửi. Dành cho những người bạn biết về mã.

Thông báo tab:

Đây là nơi để bạn thiết lập thông báo đến địa chỉ email của bạn khi ai đó gửi một thông báo.

 

thong-bao-email-wp-form

Send To Email Address: Địa chỉ email nhận thông báo, mặc định là email quản trị nếu muốn thêm vào để có thể ngăn cách giữa các email bằng dấu phẩy.

Chủ đề email: Chủ đề của email bạn nhận được. Ví dụ: liên hệ từ + [tên trang web của bạn].

Từ Tên: Tên của người gửi liên hệ, bạn có thể nhấp vào phần hiển thị thẻ thông minh rồi chọn một giá trị gán cho tên người gửi. Ví dụ: trong hình bên dưới, giá trị được gán cho Tên người gửi nhãn.

Từ Email: Tương tự như trên & chọn giá trị gán cho nhãn email.

Reply-To: Tương tự như trên, chọn tên nhãn email.

Tin nhắn: Để nguyên phần này vì đây là toàn bộ nội dung mà người gửi muốn gửi cho bạn

Xác nhận tab

Thiết lập thông báo xác nhận xác nhận sau khi gửi, bạn chỉ cần việt hóa bằng cách điền nội dung muốn nhắn tin với họ. Cách tốt nhất để xây dựng mối quan hệ trong phần này là hãy để lại một lời cảm ơn cùng một lời thông báo và lời hẹn ước.

 

xac-nhan-gui-wpform

Xong rồi thì nhấn  Save  để lưu lại.

 

luu-wpform

 

Bây giờ muốn đặt Biểu mẫu của bạn ở đâu, hãy nhấp vào nút  Nhúng  bên cạnh nút Lưu. Một cửa sổ bật lên hiện ra kèm theo đoạn mã ngắn, hãy sao chép nó và dán vào những nơi bạn muốn tạo liên hệ xuất hiện.

Bây giờ muốn đặt Biểu mẫu của bạn ở đâu, hãy nhấp vào nút  Nhúng  bên cạnh nút Lưu. Một cửa sổ bật lên hiện ra kèm theo đoạn mã ngắn, hãy sao chép nó và dán vào những nơi bạn muốn tạo liên hệ xuất hiện.

 

nhung-wpform

 

Chẳng hạn như tạo một trang có tên  “Liên hệ”  trong Trang sau đó dán Mã ngắn này và nút Xuất bản nhất.

Cách 2: Tạo Form liên hệ bằng Contact Form 7

Tương tự như trên, đầu tiên bạn cần vào kho plugin và tìm kiếm từ khóa “Contact Form 7” hoặc có thể nhấp vào tab Phổ biến nó sẽ xuất hiện ở các vị trí trên cùng.

cai-dat-liên-xúc-form-7-wp

 

Sau khi cài đặt và kích hoạt thành công, trên trang quản trị tùy chọn  Liên hệ -> Thêm mới  để tạo một Biểu mẫu mới.

 

add-new-contacform-f7

Trong hộp tiêu đề ở trên cùng, hãy nhập tên Biểu mẫu của bạn, chẳng hạn như liên hệ.

Phần bên dưới rộng nhất là nơi bạn có thể tạo các trường cho Biểu mẫu. Mặc dù định dạng liên hệ đã được tạo sẵn, bạn chỉ cần Việt hóa một chút là xong. Cụ thể bạn có thể theo dõi mình là:

  • Tên của bạn  thành  Tên của bạn
  • Email của bạn  thành  Email của bạn
  • Subject  to  Title
  • Message  to  Message
  • Gửi tới  Gửi 

Đối với phần có từ yêu cầu trong đơn đặt hàng là trường bắt buộc, bạn có thể chuyển thành “bắt buộc”. Nếu người gửi không điền vào ô đó, hệ thống sẽ thông báo lỗi và không cho phép gửi thông tin.

*Lưu ý: Nếu bạn không muốn để tiếng Việt như mình thì có thể thay đổi, miễn là người gửi hiểu họ cần làm gì. Không nhất thiết cái gì cũng giống mình 100%, cứ thoải mái sáng tạo.

Tiếp theo nhấn vào Tab Mail để thiết lập email thông tin.

  • Đến:  Email nhận thông báo
  • Từ:  Thường để theo dạng   tiêu đề blog <email nhận thông báo>.
  • Chủ đề:  Tiêu đề email – giữ nguyên ô này đã được

Các phần còn lại bạn có thể giữ nguyên và Việt hóa như trong hình.

 

email-liên hệ-mẫu-7-1

Cuối cùng là Tab mesages, nơi bạn việt hóa một số thông báo cho người dùng.

Về cơ bản, bạn chỉ cần việt hóa một số nội dung chính như trong hình là đủ.

 

viet-hoa-plugin-liên-hệ-form-7

Bây giờ kết thúc bằng cách nhấp vào nút lưu bên dưới để lưu lại.

Xuất mã ngắn trong khung màu xanh ở trên cùng, nếu bạn muốn liên hệ xuất hiện ở vị trí nào thì chỉ cần Sao chép và dán vào những vị trí bạn muốn.

Vậy là xong các bước tạo Contact Form trong WordPress với 2 plugin WPForms và Contact Form 7. Hi vọng các bạn đã tạo được Contact Form cho blog/website của mình.

Ngoài ra, nếu bạn muốn một phương pháp tạo biểu mẫu đơn giản hơn nữa trong WordPress, bạn có thể sử dụng Trình tạo trang, có các mô-đun liên hệ tích hợp sẵn cho phép bạn tạo chỉ bằng một vài thao tác kéo và kéo. thả.

Elementor Pro, Divi, Beaver Builder là những lựa chọn tốt nhất mà tôi khuyên bạn nên sử dụng

Được rồi, đó là tất cả.

Trong quá trình tạo biểu mẫu nếu có khó khăn hay thắc mắc gì hãy để lại bình luận bên dưới mình sẽ phản hồi cho bạn trong thời gian sớm nhất.

Link bài viết Cách tạo form liên hệ WordPress một cách dễ dàng nhất: https://imo.com.vn/cach-tao-form-lien-he-wordpress-mot-cach-de-dang-nhat/

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top