tao-form-lien-he-trong-worpress-voi-plugin-wpform-contacform7

Hướng dẫn tạo Form liên hệ miễn phí trên WordPress - Đơn giản với 2 cách

Tạo Form liên hệ trong WordPress là điều rất cần thiết với những người sở hữu Website như bạn.

Đơn giản vì bạn đều biết rằng đang vận hành một doanh nghiệp trực tuyến & kiếm tiền trên Internet.

Cho dù mục đích là gì bạn cũng cần một Form liên hệ trên Website để khi ai đó muốn trao đổi thông tin, liên hệ hợp tác với bạn thì họ có thể gửi thông điệp một cách dễ dàng.

Có thể bây giờ bạn sẽ nói: “Tôi đã để số điện thoại liên lạc hiển thị trên blog/website của mình, ai cần liên hệ họ sẽ gọi qua đó”.

Điều này hoàn toàn chính xác, phần lớn Website hiện nay vẫn áp dụng cách này.

Tuy nhiên một cách liên hệ này có một số bất lợi mà bạn chưa 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 để nhấc máy lên 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à ngại 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 bất động sản thì những cuộc gọi không có gì phiền phức hơn.

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

Email sẽ là đề xuất tốt nhất mình khuyên bạn nên sử dụng.

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

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

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

Vì vậy để giải quyết mọi vấn đề trên bạn nên sử dụng tính năng biểu mẫu được tích hợp trên WordPress. Nó rất đơn giản chỉ với một vài thao tác thì bạn đã có một form liên hệ giúp khách hàng liên lạc 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ụ như bạn nhấn vào liên kết “Liên hệ” trên menu của mình, bạn sẽ thấy Form liên hệ của Blog Nam Đến Rồi.

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 đem đến sự đơn giản cho bạn.

Vì vậy chúng ta chỉ cần cài đặt Plugin để làm điều này thay vì phải đụng chạm đến Code.

Trước tiên bạn hãy tìm một plugin tạo Form liên hệ tốt nhất cho WordPress. Có không ít plugin khác nhau trên thị trường nhưng mình khuyên 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 Contact Form 7 bạn sẽ chọn các trường ở dạng HTML sau đó việt hóa nó.

Nhìn chung về sự đơn giản cũng là ngang nhau nhưng để bạn có được sự thoải mái khi lựa chọn mình đã nói về cả 2 Plugin này.

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

Trước tiên bạn hãy đến kho plugin của WordPress và gõ từ khóa “WPForms” vào thanh tìm kiếm. Sau đó nhấn Install & Active nó. Nếu bạn chưa biết quá trình này như thế nào hãy xem hướng dẫn cài đặt plugin của mình.

cai-dat-plugin-wpform

Tiếp theo tại trang quản trị hãy nhấn chọn Add New để đi tới giao diện tạo Form mới.

tao-form-moi-trong-wpform

Gõ tên Form bạn muốn tạo vào phần Form Name. Ví dụ trong trường hợp này là liên hệ.

chon-blank-page-wpform

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

Vì vậy hãy nhấn vào Blank Form.

Bạn sẽ thấy một số trường được phép sử dụng ở phần Standar Field.

Hãy kéo phần Name bỏ vào khu vực trống bên phải, tương tự hãy kéo các fieds email và Paragraph Text đặt ở phía dưới.

keo-name-form-wp

Bây giờ hãy click vài từng phần bạn sẽ được đưa tới khu vực cài đặt riêng biệt.

Name

Label: Tên thể hiện khu vực điền thông tin. Ví dụ: “Họ tên của bạn”

Format: Nên chọn Simple để thể hiện 1 ô duy nhất.

cai-dat-truong-ho-ten-wpform
Email:

Bạn có thể giữ nguyên vì không có gì quan trọng hoặc có thể  thay đổi Lable thành “Email của bạn”

Paragraph Text

Thay đổi label thành “Nội dung bạn muốn gửi” hoặc cái gì đó đại loại để 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ở mục Advanced Options và trong Placeholder Text hãy điền vào một văn bản giữ chỗ để mọi người biết đó là khu vực họ cần nhập.

Ví dụ như “Nhập nội dung của bạn tại đây!

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

Okay, vậy là bạn đã thiết lập xong phần tạo Form. Tiếp theo chúng ta sẽ thực hiện một số cài đặt chung dành cho Form của bạn bằng cách nhấn vào Tab Setting ở bên trái màn hình.

Tab General

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

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

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

Submit Button Text: Tên nút để gửi nội dung.

Submit Button Processing Text: Tên nút thể hiện tiến trình sau khi gửi. Ví dụ: Đang gửi, đang gửi nội dung,...

Submit Button CSS Class: Lớp CSS của nút gửi. Dành cho những bạn biết về code.

setting-general-wpform
Tab Notifications:

Đâ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 điệp.

thong-bao-email-wp-form

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

Email Subject: Tiêu đề emai bạn nhận. Ví dụ liên hệ từ + [tên Website của bạn].

From Name: Tên người gửi liên hệ, bạn có thể click vào phần show smart tag sau đó chọn một giá trị được gán với tên người gửi. Ví dụ như trong hình dưới giá trị được gán với label Họ tên người gửi.

From Email: Tương tự trên & chọn giá trị được gán với label email.

Reply-To: Tương tự trên hãy chọn tên label email.

Message: Giữ nguyên phần này vì đây là toàn bộ nội dung mà người gửi muốn cung cấp cho bạn.

Tab Confirmations

Thiếp lập thông báo 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 nói 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à hứa hẹn.

xac-nhan-gui-wpform

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

luu-wpform

Bây giờ muốn đặt Form của bạn tại đâu thì hãy nhấn vào nút Embed bên cạnh nút Save. Một Pop-up hiện ra kèm theo đoạn ShortCode, hãy copy nó và dán vào những nơi bạn muốn xuất hiện.

nhung-wpform

Chẳng hạn như tạo một trang có tên "Liên hệ" trong Pages sau đó dán Shortcode này và nhất nút Publish. Đừng quên gắn nó vào menu cho người liên hệ dễ tìm.

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

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

cai-dat-contact-form-7-wp

Sau khi cài đặt và kích hoạt thành công, trên trang quản trị chọn Contact -> Add New để tạo một Form mới.

add-new-contacform-f7

Ở ô tiêu đề trên cùng hãy điền tên Form của bạn, chẳng hạn như liên hệ.

Phần rộng nhất bên dưới là nơi cho phép bạn tạo ra các field (trường) cho Form. Theo mặc định thì Form 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ể làm theo mình là:

  • Your name thành Tên của bạn
  • Your Email thành Email của bạn
  • Subject thành Tiêu đề
  • Message thành Thông điệp
  • Send thành Gửi
tao-form-ctf7-wp

Với phần có chữ requierd đóng ngoặc là những trường bắt buộc bạn có thể việt hóa nó thành “bắt buộc”. Nếu người gửi không điền vào trường đó hệ thống sẽ báo lỗi và không cho phép thông tin được gửi.

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

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

  • To: Email nhận thông báo
  • From: Thường để theo dạng  tiêu đề blog <email nhận thông báo>.
  • Subject: Tiêu đề email – giữ nguyên ô này là đượ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-contact-form-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-contact-form-7

Bây giờ hãy kết thúc bằng cách nhấn nút save ở dưới để lưu lại.

Một đoạn Shortcode trong khung màu xanh xuất hiện trên cùng, nếu muốn Form liên hệ xuất hiện ở vị trí nào bạn chỉ cần Copy & dán nó vào những khu vực bạn muốn.

copy-shortcode-contact-form-7-ndr

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

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

Chia sẻ bài viết này với bạn bè của bạn

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on telegram
Nam Nguyễn

Nam Nguyễn

Nam Nguyễn là một Blogger chuyên viết về các mẹo cùng các hướng dẫn liên quan đến WordPress. Nơi cung cấp các kiến thức phát triển Web cho các chủ Website, Blogger & nhà tiếp thị. Theo dõi mình trên Facebook, Twitter, Linkedin.

Có thể bạn cũng thích

Tham gia bản tin của mình

Không bỏ lở các tin tức, hướng dẫn & các mẹo mới nhất về WordPress. Tất cả những gì bạn cần làm là cho mình biết chính xác nơi bạn nhận.

Bảo mật 100%. Không spam và hủy đăng ký bất kỳ lúc nào.