Tạo Form liên hệ trong WordPress với Plugin SMTP và Contact Form 7.

0
9

Form liên hệ trong WordPress là một trong những cách thức giúp khách hàng liên lạc với người quản lý website một cách hữu dụng nhất. Tất nhiên, còn có vô số những phương thức liên hệ khác như Zalo, Hotline, Messenger Facebook, tuy nhiên đôi khi những phương thức này lại mang nhiều phiền toái khiến khách hàng “mất vui”

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7

Vì sao tôi lại nói khách hàng không vui khi sử dụng các công cụ liên hệ trực tiếp như Zalo, Messenger Facebook hoặc gọi điện. Đơn giản vì đôi khi nó tạo ra khá nhiều rắc rối (cho đến thời điểm hiện tại) với khách hàng khi sử dụng điện thoại di động.

Hơn nữa, việc bỏ ra một vài thao tác miễn phí để nhập thông tin, lời nhắn thông qua Form có sẵn sẽ khiến khách hàng thích thú hơn so với việc gọi đến các số điện thoại mất phí.

Với Form đăng ký, nó còn thể hiện sự chuyên nghiệp khi khách hàng tương tác trên website, chính vì vậy đây vẫn là cách mà rất nhiều Webmaster sử dụng để giao tiếp với khách hàng và độc giả của mình.

Tạo Form liên hệ với Plugin SMTP và Contact Form 7.

Có rất nhiều Plugin có thể hỗ trợ tạo Form liên hệ trong WordPress nhưng đây là cách tôi thường dùng và cảm thấy nó hữu dụng nhất.

Banner khoa hoc noi dung

Cách thức hoạt động.

Khi có người nhập thông tin trên form và nhấn nút “gửi”. Những thông tin này được đẩy về mail (thường dùng là Gmail).

Khi Gmail đã nhận Mail gửi đến nó sẽ báo luôn trên thiết bị di động và máy tính, và gần như ngay lập tức nhà quản trị sẽ nắm bắt được tất cả các thông tin cần thiết và chủ động liên lạc lại với khách hàng của mình.

Liên quan:  3 cách kiếm tiền từ công việc viết Blog bạn nên biết.
Khóa học viết Blog – Việc làm thêm tạo thu nhập bền vững
Hướng dẫn từ quản trị webiste đến cách xây dựng nội dung chuẩn SEO, tặng luôn 01 website tin tức đẹp mắt để bắt đầu xây dựng Blog kiếm tiền cho riêng mình…
Xem chi tiết

Bước 1. Cài đặt Plugin SMTP.

Plugin SMTP có nick name với đầy đủ là WP Mail SMTP. Bước đầu tiên là cài đặt thành phần mở rộng này vào website WordPress bằng cách: Vào Menu trái/Plugin/cài mới.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-1

Sau khi cài đặt xong hãy kích hoạt nó lên.Lúc này bên Menu trái sẽ xuất hiện một dòng WP Mail SMTP. Nhấn vào đó để bắt đầu cài đặt.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-2

Tại mục ‘Tổng Quan” thiết lập các mục nhỏ như sau.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-3

– Mail đi: Mail thiết lập để gửi thư và nhận thư (thường là mail theo khi cài đặt website nhưng hoàn toàn có thể lấy mail khác với điều kiện mail đó phải thiết lập để nhận và gửi thông tin – bước sau).

– Tên người gửi: Tên sẽ hiển thị trong mail phản hồi khi khách hàng nhấn nút “gửi liên hệ” (khuyến nghị nên đổi để khách hàng dễ nhớ hơn. Ví dụ tên Website là Thoitrangbeyeu.vn thì có thể đặt tên là Thời trang bé yêu).

Kéo xuống dưới đến phần “Phương thức gửi mail”

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-4

Chọn phương thức gửi mail là SMTP. Và bắt đầu thiết lập cấu hình cho SMTP để hoàn tất quá trình này.

– Mục SMTP Host: smtp.gmail.com.

– Mã hóa: SSL.

– SMTP Port: 465

– Auto TLS: Bật.

– Xác thực: Bật.

– SMTP Username: chính là tên đăng nhập Gmail (ví dụ: lienhe@vietblog@gmail.com)

SMTP Password: Mã khóa bí mật để khởi tạo chức năng gửi nhận thư của Gmail. Đọc tiếp bước 2.

Liên quan:  5 sai lầm khi xây dựng nội dung cho website khiến doanh nghiệp không có khách hàng.

Bước 2. Lấy mã khóa bí mật SMTP Password từ Gmail.

Để có thể lấy SMTP Password bạn phải bật tính năng mật khẩu hai lớp từ Gmail. Để bật tính năng này truy cập theo đường dẫn: https://myaccount.google.com/. Nếu chưa đăng nhập thì đăng nhập tài khoản Google trước để chuyển hướng thẳng về trang tài khoản Google của bạn.

xem thêm: Cài đặt chát Facebook Messenger cho website WordPress 2020.

Tại trang chủ bên menu trái nhấp vào bảo mật.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-6

Tại bảng điều khiển nhấp vào “Xác minh hai bước” và làm theo hướng dẫn tiếp theo để có được mã bảo mật cho SMTP (quá trình xác thực để bật xác minh hai bước chỉ mất vào thao tác bạn hoàn toàn có thể tự làm thành công)

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-8

Sau khi chức năng “Xác minh hai bước” đã được bật bạn thoát ra ngoài trang chủ lúc ban đầu (https://myaccount.google.com/) sẽ thấy mục “mật khẩu ứng dụng“. Click chuột vào đó để bắt đầu lấy mật khẩu.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-10

Nhấn nút “TẠO” là bạn đã có một mật khẩu cho SMTP Mail.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-11

Phần được bôi nền vàng chính là mật khẩu ứng dụng của bạn, copy toàn bộ mã đó dán vào mục SMTP Password trong lúc thiết lập cho Plugin Wp Mail SMTP là đã xong toàn bộ các bước cấu hình gửi mail thông qua giao thức SMTP.

Ghi chú: Để kiểm tra lại lần cuối xem các bước cấu hình đã được thiết lập đúng hay chưa bạn có thể gửi mail kiểm tra.

Tại mục “Kiểm tra emai” trong khi cầu hình Plugin SMTP nhấn nút “Gửi email”.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-12

Nếu các bước đã thành công thì ngay lập tức sẽ có một email tự động gửi về địa chỉ Gmail của bạn như hình bên dưới.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-13

Bước 3: Cài đặt và thiết lập Plugin Contact Form 7

Contact Form 7 chính là Plugin để tạo mẫu biểu liên hệ trên website cho khách hàng, sau khi đã cài đặt thành công hãy kích hoạt nó lên và bắt đầu cấu hình form cho riêng mình.

Liên quan:  Khóa học xây dựng nội dung website thúc đẩy thương hiệu trên Google.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-14

Chọn Tạo form mới và bắt đầu xây dựng mẫu liên hệ cho website.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-15

Tại mục nội dung form có thể cấu hình theo định dạng dưới đây, bao gồm các thông tin cơ bản nhất cần phải lấy của khách hàng: tên, email, số điện thoại,nội dung cần liên hệ.

<label> Tên của bạn (bắt buộc)
[text* your-name] </label>

<label> Địa chỉ Email (bắt buộc)
[email* your-email] </label>

<label> Số điện thoại (bắt buộc)
[tel* tel-127 placeholder "Vui lòng cập nhật số điện thoại chính xác"]

<label> Tiêu đề:
[text your-subject] </label>

<label> Thông điệp
[textarea your-message] </label>

[submit "Gửi đi"]

Để thêm các trường khác như văn bản ngắn, checkbox, câu hỏi các bạn có thể chọn trên menu phía trên, một bảng tùy chỉnh hiện ra và sửa nội dung theo ý định của bạn.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-16

Lưu ý: “Label” là nhãn dán hiển thị thông tin cần cho khách hàng hiểu khu vực nội dung cần nhập, “Placeholder” là chú thích hiển thị trong hộp nhập nội dung.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-17

Các mục khác như cấu hình mail, thông báo… nó khá trực quan khiến bạn rất dễ hiểu và có thể làm chủ mọi thao tác, chỉ cần làm vài lần là quen phương thức sử dụng.

Sau khi hoàn thành xong form, khu vực nào bạn muốn form hiển thị (trong bài viết, munu liên hệ) thì chỉ cần copy shortcode dán trực tiếp vào trình soanh thảo hoặc Wiget là form sẽ tự động hiển thị ra bên ngoài.

tao-form-lien-he-voi-plugin-smtp-va-contact-form-7-18
Copy đoạn shortcode màu xanh dán vào bất cứ đâu bạn muốn form hiển thị

Như vậy là bạn đã làm chủ được các bước tạo Form liên hệ trong WordPress với Plugin SMTP và Contact Form 7 một cách hết sức đơn giản, chúc thành công.

Hiện đang là Admin của trang tin tức điện từ Doanhnhanthudo.vn/Biznow.vn, Marketing cho thương hiệu Owleye - chuyên đèn led ô tô xe máy, chẳng kinh nghiệm nhiều, kiến thức đều do vấp mà tự ngã mấy lần với Panda, Penguin do "bơm link" vào ven anh Google, giờ thì biết hơn chút rồi...