Hướng Dẫn Chi Tiết Cách Tạo Form Liên Hệ Với Khách Hàng Dễ Dàng

Form liên hệ rất cần thiết cho bất kỳ chủ website nào vì nó là một trong những công cụ giúp khách hàng giao tiếp với chủ website. Do đó trong một website luôn cần ít nhất một form liên hệ. Trong bài viết này mình sẽ hướng dẫn cách tạo form mẫu để khách hàng liên hệ mình thường dùng.

Trong wordpress muốn tạo form liên hệ rất đơn giản vì trong kho plugin (gói mở rộng) của wordpress được rất nhiều coder đã code sẵn bạn chỉ cần vào kho tìm những plugin mình muốn và cài để sử dụng. Trường hợp tạo form mẫu liên hệ mình thường dùng plugin Contact Form 7

Chúng ta tiền hành cài plugin này nhé. Bước 1 truy cập vào quản trị website >> Vào phần plugin >> chọn cài mới >> trong kho plugin của wordpress bạn gõ chữ contact >> chọn Contact Form 7 >> Cài đặt và kích hoạt

Cac Buoc Cai Form Mau Lien He Cho Website WordPress
Các bước cài form mẫu liên hệ cho website wordpress

Sau khi hoàn tất việc cài plugin tạo mẫu liên hệ bạn chuyển sang bước tạo form mẫu để cho khách hàng liên hệ.

Giao Dien Ban Dau Cua Form Lien He
Giao diện ban đầu của form liên hệ

Trong form liên hệ khi tạo bạn cần thao tác trên 3 tab
1. Nội dung form: ở đây chính là các trường tuỳ chỉnh, tức là bạn muốn khách hàng điền thông tin gì thì bạn thêm ở đây
2. Cấu hình mail: Mail nhận của bạn là mail nào thì bạn thêm vào, trường hợp nhiều mail thì bạn thêm dấu phẩy “,” sau đó thêm email khác vào (lưu ý: sau dấu phẩy không có khoảng cách nhé)
3. Thông báo và chú ý:Trong mục này là các thông báo thường nó bằng tiếng anh nên bạn chuyển sang tiếng việt còn muốn nó mặc định là tiếng viết thì bạn phải chọn ngôn ngữ bằng tiếng viết

Cac Luu Y Trong Phan Noi Dung Cua Form Lien He
Nội dung cần lưu ý

Hướng dẫn chuyển ngôn ngữ website tiếng anh sang tiếng việt: Bạn truy cập vào cài đặt (setting) >> tổng quan (general) >> Trong phần này bạn sẽ thấy phần language nó đang là tiếng anh thì chọn thành tiếng việt >> Kéo xuống dưới bấm lưu hoặc (Save)

Bước 1: Nội dung form
Chúng ta bắt đầu nghiên cứu từng phần 1 trong các bước tạo form để khách liên hệ. Trong phần này bạn thấy phần khoanh tròn đầu tiên form liên hệ cho phép chọn một trong các trường sau (Các trường tức là phần bạn để khách hàng của bạn điền thông tin)
+ Văn bản ngắn
+ Email 
+ Số điện thoại
+ Ngày giờ vv rất nhiều bạn có thể thấy
Chính vì thế ở phần này bạn cần xác định bạn muốn khách hàng điền những thông tin gì. Về phần cá nhân mình thì chỉ cần thông tin
+ Tên khách hàng
+ Điện thoại
+ Nội dung khách hàng cần liên hệ
Để thêm trường mình muốn chỉ cần bấm vào trường đấy nó sẽ hiện lên và chọn phần này bắt buộc khách hàng điền thông tin hay điền hay không đều được >> bấm chèn vào form là xong.

Cach Them Cac Truong Vao Form Lien He
Cách thêm các trường theo mong muốn

Bước 2: Cấu hình email
Hướng dẫn cấu hình email, bạn điền đầy đủ thông tin vào các trường như bên dưới như mail nhận là của ai, mail gửi là lây mail bạn đã cấu hình ở mục cấu hình mail stmp cho website wordpress. Nếu bạn chưa có thì xem bài

>> Hướng dẫn cách cấu hình gmail cho website wordpress

Huong Dan Cau Hinh Email
Hướng dẫn cấu hình email

Tuy nhiên phần nội dung bên dưới bạn muốn lấy thông tin từ form thì bạn chọn giống hình bên dưới sau đó đưa vào trong dấu ngoặc vuông […]
Đặc biệt lưu ý trong dòng mail gửi bạn cần phải điền email là email tên miền chẳng hạn mình để info@cachlamthucte.com. Điền cho có nhé chứ không ảnh hưởng gì

Cach Lay Noi Dung Trong Form De Gui Mail Thong Bao
Cách lấy nội dung từ form đưa vào nội dung mail

Bước 3: Thông Báo và chú ý trong phần này bạn dịch qua tiếng viết hoặc chỉnh sửa các thông báo theo ý mình

Cach Chinh Sua Mau Thong Bao
Cách chỉnh sửa lại mẫu thông báo theo ý mình

Chẳng hạn thay vì bản gốc của form là “xin cảm ơn, form đã được gửi thành công” bạn có thể chỉnh thành “Cảm ơn bạn, bộ phận tư vấn đã nhận được thông tin của bạn, chúng tôi sẽ liên hệ với bạn sớm nhất”

Đặc biệt, những ai đặt form ở nhiều trang mà không biết làm sao để theo dõi thông tin đến từ nguồn nào thì bạn có thể tham khảo bằng cách chèn đoạn mã vào trong functions.php. cách làm này mình đã biết thông qua chỉ sẽ của bạn hungnguyenplus

// Tracking info to the email
function wpshore_wpcf7_before_send_mail($array) {

global $wpdb;

if(wpautop($array[‘body’]) == $array[‘body’]) // The email is of HTML type
$lineBreak = “<br/>”;
else
$lineBreak = “\n”;

$trackingInfo .= $lineBreak . $lineBreak . ‘– User Info –‘ . $lineBreak;

$trackingInfo .= ‘Trang điền form: ‘ . $_SERVER[‘HTTP_REFERER’] . $lineBreak;

if (isset ($_SESSION[‘OriginalRef’]) )
$trackingInfo .= ‘Nguồn giới thiệu: ‘ . $_SESSION[‘OriginalRef’] . $lineBreak;

if (isset ($_SESSION[‘LandingPage’]) )
$trackingInfo .= ‘Trang xem đầu tiên: ‘ . $_SESSION[‘LandingPage’] . $lineBreak;

if ( isset ($_SERVER[“REMOTE_ADDR”]) )
$trackingInfo .= ‘Địa chỉ IP: ‘ . $_SERVER[“REMOTE_ADDR”] . $lineBreak;

if ( isset ($_SERVER[“HTTP_X_FORWARDED_FOR”]))
$trackingInfo .= ‘User\’s Proxy Server IP: ‘ . $_SERVER[“HTTP_X_FORWARDED_FOR”] . $lineBreak . $lineBreak;

if ( isset ($_SERVER[“HTTP_USER_AGENT”]) )
$trackingInfo .= ‘Thông tin trình duyệt: ‘ . $_SERVER[“HTTP_USER_AGENT”] . $lineBreak;

$array[‘body’] = str_replace(‘[tracking-info]’, $trackingInfo, $array[‘body’]);

return $array;

}
add_filter(‘wpcf7_mail_components’, ‘wpshore_wpcf7_before_send_mail’);
// Original Referrer
function wpshore_set_session_values()
{
if (!session_id())
{
session_start();
}

if (!isset($_SESSION[‘OriginalRef’]))
{
$_SESSION[‘OriginalRef’] = $_SERVER[‘HTTP_REFERER’];
}

if (!isset($_SESSION[‘LandingPage’]))
{
$_SESSION[‘LandingPage’] = “http://” . $_SERVER[“SERVER_NAME”] . $_SERVER[“REQUEST_URI”];
}

}
add_action(‘init’, ‘wpshore_set_session_values’);

Hướng dẫn thêm code vào trong functions

Website admin >> Giao diện >> chính sửa giao diện >> Functions

Them Code Tracking Vao Trong Functions

Sau đó vào cấu hình form thêm đoạn. Cách thêm

Vào form >> Chọn form >> Cấu hình email >> thêm đoạn mã vào

Them Tracking Form

Nguồn: [_url]

[tracking-info]

Khi khách hàng đặt hàng hay liên hệ qua form bạn sẽ có thông tin đầy đủ của khách hàng. Mình hoạ kết quả khi khách liên hệ qua form.

Dat Hang

Thong Tin Tracking Cua Form

Bạn có thể quan tâm
>> Công cụ gửi email tự động tốt nhất nhất hiện nay

Leave a Reply

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