Mẹo tích hợp chat Facebook vào WordPress siêu nhanh

Mẹo tích hợp chat Facebook vào WordPress siêu nhanh

Mẹo tích hợp chat Facebook vào WordPress siêu nhanh

Không thể phủ nhận rằng Facebook đang có sức ảnh hưởng ngày càng lớn đến thương mại điện tử trên thế giới nói chung và Việt Nam nói riêng. Ngày nay, hầu hết mọi người dùng internet đều sở hữu một tài khoản Facebook, đặc biệt là giới trẻ. Nhiều doanh nghiệp, cá nhân cũng tìm được khách hàng qua mạng xã hội này nhờ đó. Nếu bạn cũng đang kinh doanh trực tuyến, tích hợp Facebook Chat (Facebook Messenger) vào trang web của bạn để tăng mức độ tương tác của khách hàng là một ý tưởng tuyệt vời.

Bước 1: Tạo trang Facebook

Bước đầu tiên để tích hợp Messenger vào WordPress là tạo trang Fanpage Facebook cho trang web của bạn.

Dù là blog cá nhân, website đại diện doanh nghiệp hay website bán hàng trực tuyến thì trang Facebook đều bắt buộc phải thêm Messenger vào WordPress.

Bước 2: Truy cập cài đặt nhắn tin trên trang Facebook để thiết lập Messenger cho WordPress

Đầu tiên, hãy truy cập trang Facebook của bạn và nhìn sang phía bên trái của trang. Bạn sẽ thấy phần “Quản lý trang”.

Trong phần quản lý trang web, tìm phần “Cài đặt” và nhấp vào phần đó.

Sau khi nhấp vào, bạn sẽ thấy rằng thanh bên trái đã được thay đổi thành “Cài đặt trang”. Tiếp theo, nhấp vào cài đặt nhắn tin ngay bên dưới từ “Chung”.

Giao diện cài đặt lúc này là giao diện cài đặt tin nhắn.

Sau đó, kéo xuống dưới sẽ thấy dòng chữ “Thêm Messenger vào trang web”.

Nhấp vào nút “Bắt đầu” để tiếp tục thiết lập Messenger cho trang web WordPress của bạn.

Sau khi nhấp vào nút bắt đầu, bạn sẽ được chuyển hướng đến trang Facebook Business Suite để thiết lập cài đặt nhắn tin của mình. Nhấp vào nút “Thiết lập” như hình dưới đây để bắt đầu.

Bước 3: Thiết lập Plugin trò chuyện

Sau khi nhấp vào nút “Thiết lập” như đã đề cập ở bước trên, bạn sẽ được chuyển đến giao diện “Thiết lập Plugin trò chuyện”.

Thiết lập Plugin trò chuyện trên Facebook để thêm Messenger vào WordPress

I. Đặt ngôn ngữ

Đặt ngôn ngữ tiếng Việt hoặc tiếng Anh tùy thuộc vào ngôn ngữ mặc định trong trang web WordPress của bạn.

II. Thêm tên miền trang web

Nhấp vào nút thêm miền để thêm trang web của bạn vào plugin trò chuyện.

Ví dụ: https://khamphaseo.com hoặc https://www.khamphaseo.com.

III. Sao chép mã

Nhấp vào nút “Sao chép mã” để sao chép mã plugin trò chuyện và dán vào trang web của bạn. Sau khi sao chép mã, hãy nhấp vào nút “Tiếp theo” để chuyển sang bước cuối cùng.

IV. Dán mã vào trang web

Nhấp vào nút kết thúc để hoàn tất thiết lập Plugin trò chuyện trên Facebook.

Bước 4: Dán mã plugin trò chuyện Messenger vào WordPress

Đây là mã ví dụ về plugin trò chuyện mà bạn đã sao chép trong bước thiết lập III.

<!-- Messenger Plugin chat Code -->
    <div id="fb-root"></div>

    <!-- Your Plugin chat code -->
    <div id="fb-customer-chat" class="fb-customerchat">
    </div>

    <script>
      var chatbox = document.getElementById('fb-customer-chat');
      chatbox.setAttribute("page_id", "11223344556677889");
      chatbox.setAttribute("attribution", "biz_inbox");
      window.fbAsyncInit = function() {
        FB.init({
          xfbml            : true,
          version          : 'v10.0'
        });
      };

      (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = 'https://connect.facebook.net/vi_VN/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>

Bây giờ bạn chỉ cần sao chép và dán đoạn mã bên dưới vào tệp functions.php của chủ đề con.

Nhớ thay mã ví dụ bằng mã bạn đã sao chép, mã Plugin trò chuyện bên dưới là mã ví dụ ở trên. Bạn ghi đè mã của mình từ dòng “<! – Mã trò chuyện Plugin Messenger -> ”vào dòng“ </script> ”bên dưới.

/* Add Messenger to WordPress */
add_action( 'wp_body_open', 'bss_messenger_chat');
function bss_messenger_chat() { ?>
<!-- Messenger Plugin chat Code -->
    <div id="fb-root"></div>

    <!-- Your Plugin chat code -->
    <div id="fb-customer-chat" class="fb-customerchat">
    </div>

    <script>
      var chatbox = document.getElementById('fb-customer-chat');
      chatbox.setAttribute("page_id", "11223344556677889");
      chatbox.setAttribute("attribution", "biz_inbox");
      window.fbAsyncInit = function() {
        FB.init({
          xfbml            : true,
          version          : 'v10.0'
        });
      };

      (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = 'https://connect.facebook.net/vi_VN/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
<?php }

Nếu bạn đã làm theo tất cả các bước ở trên, bạn sẽ thấy Messenger xuất hiện trong trang chủ hoặc bất kỳ trang nào khác trên trang WordPress của bạn.

Giờ đây, khách truy cập có thể dễ dàng liên hệ với doanh nghiệp của bạn thông qua trò chuyện trực tiếp trên Messenger. Bạn có thể hỗ trợ và giải đáp các thắc mắc của khách hàng 24/7 với nền tảng Messenger mà Facebook cung cấp cho doanh nghiệp.

Cách Chèn Messenger Vào Website WordPress Nhanh Chóng Đơn Giản

Lưu ý

Mặc dù Messenger là một nền tảng trò chuyện trực tiếp miễn phí và tiện lợi, nhưng việc thêm nó vào trang web WordPress của bạn có thể làm giảm hiệu suất và tốc độ tải trang web của bạn.

Các lựa chọn thay thế cho trò chuyện trên Facebook Messenger

Mặc dù vậy Facebook Messenger vẫn là sự lựa chọn tốt nhất để bạn chăm sóc khách hàng trên Website. Tuy nhiên, tôi nghĩ Livechat vẫn có những lợi ích riêng mà bạn phải cân nhắc.

Cụ thể với Livechat, người dùng sẽ nhanh chóng gửi nội dung của mình bằng cách nhập thông tin vào các trường bắt buộc. Họ sẽ không cần đăng nhập Facebook trong trường hợp thông tin không được lưu vào thiết bị của họ.

Chưa kể người dùng có xu hướng giữ bí mật thông tin cá nhân trong trải nghiệm Web. Đặc biệt là các hồ sơ mạng xã hội lớn như Facebook.

Đồng thời, Livechat cũng có thể cho người dùng biết nếu họ đã nhận được phản hồi ngay lập tức. Vì nó có tính năng hiển thị trạng thái đang hoạt động (online hoặc offline) của bộ phận chăm sóc khách hàng.

Ví dụ, đây là một Livechat tuyệt đẹp của Chủ đề thanh lịch.

vi-du-livechat-cua-elegantthemes

Tôi nghĩ Live Chat sẽ luôn tốt hơn nếu doanh nghiệp của bạn có quy mô vừa và có từ 2 nhân viên dịch vụ khách hàng trở lên.

Hy vọng qua hướng dẫn này bạn đã biết cách tích hợp chat Facebook vào WordPress để phục tốt việc chăm sóc khách hàng.

Related Posts