Cách thêm Messenger vào WordPress chi tiết nhất 2021 (không cần plugin)

Bài viết này sẽ hướng dẫn bạn chi tiết cách thêm Messenger vào WordPress mới nhất 2021 để chat với khách hàng tiềm năng ngay tại website của mình.

Sau khi làm theo từng bước trong bài hướng dẫn này, đây là kết quả bạn sẽ nhận được.

thêm facebook chat vào wordpress

Bước 1: Tạo trang Facebook

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

Cho dù đó là trang blog cá nhân, web đại diện doanh nghiệp hay web bán hàng online thì đều cần phải có trang Facebook mới có thể thêm Messenger vào WordPress.

Vì tạo trang Facebook quá đơn giản nên bài viết này sẽ không đề cập đến cách tạo trang Facebook. Bạn có thể đọc bài hướng dẫn này của chính Facebook để biết cách tạo trang Facebook Fanpage.

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

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

tích hợp messenger vào wordpress

Trong phần quản lý trang này, bạn tìm mục “Cài đặt” và click vào nó.

tích hợp messenger vào wordpress

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

tích hợp facebook chat vào wordpress

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

tích hợp facebook chat vào wordpress

Sau đó, bạn kéo xuống và thấy dòng chữ “Thêm Messenger vào trang web”. Hãy click vào nút “Bắt đầu” để tiến hành thiết lập Messenger cho trang WordPress của bạn.

thêm messenger vào wordpress

Sau khi click vào nút bắt đầu, bạn sẽ được chuyển sang trang Facebook Business Suite để thiết lập cài đặt tin nhắn. Click vào nút “Thiết lập” như hình bên dưới để bắt đầu.

thiết lập messenger facebook business suite wordpress

Bước 3: Thiết lập Plugin chat

Sau khi click 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 Chat”.

Thiết lập Plugin chat Facebook để thêm Messenger vào WordPress

I. Đặt ngôn ngữ

thiết lập plugin chat facebook cho wordpress bước 1

Đặ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 WordPress của bạn.

II. Thêm tên miền website

thiết lập plugin chat facebook bước 2

Click vào nút thêm miền để thêm website của bạn vào plugin chat. Ví dụ: https://bacsiseo.com hoặc https://www.bacsiseo.com.

III. Sao chép mã

thiết lập plugin chat facebook bước 3

Click vào nút “Sao chép mã” để copy đoạn code chat plugin và dán nó vào trang web của bạn. Sau khi sao chép mã, bạn click vào nút “Tiếp” để chuyển sang bước cuối cùng.

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

thiết lập plugin chat facebook bước 4

Click vào nút hoàn tất để kết thúc quá trình thiết lập Plugin chat Facebook.

Bước 4: Dán mã Plugin chat Messenger vào WordPress

Đây là đoạn mã ví dụ của Plugin chat mà bạn đã sao chép ở bước thiết lập số 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 copy paste đoạn code bên dưới vào file functions.php của child theme là xong.

Bạn hãy nhớ thay thế đoạn mã ví dụ bằng đoạn mã mà bạn đã sao chép, đoạn mã Plugin chat ở bên dưới là đoạn mã ví dụ ở bên trên. Bạn dán đè đoạn mã của bạn lên từ dòng “<!– Messenger Plugin chat Code –>” cho đến 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 đã làm theo toàn bộ các bước trên, bạn sẽ thấy Messenger hiện ra trong trang chủ hay bất cứ trang nào trong trang WordPress của bạn.

thêm facebook chat vào wordpress

Bây giờ 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 Messenger live chat. Bạn có thể hỗ trợ cũng như giải đáp 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.

Tổng kết

Thông qua bài viết này, bạn đã biết cách thêm nền tảng Messenger live chat vào WordPress.

Khách hàng tiềm năng luôn muốn tiếp cận thông tin một cách nhanh chóng để ra quyết định.

Việc ra quyết định đôi lúc chỉ đơn giản phụ thuộc vào những câu trả lời giải đáp thắc mắc của họ một cách nhanh chóng, chính xác và chi tiết.

Hãy tận dụng nền tảng live chat Messenger mà Facebook đã cung cấp miễn phí cho doanh nghiệp để kết nối với khách hàng của bạn mọi lúc mọi nơi.

Lưu ý

Mặc dù Messenger là nền tảng live chat miễn phí và tiện lợi, thêm nó vào trang WordPress có thể làm giảm hiệu năng và tốc độ load của website.

Nếu bạn quan tâm đến tốc độ của trang web hơn là thêm live chat thì hãy đọc bài viết này để biết cách tăng tốc độ website WordPress.

Nếu bạn muốn sử dụng Facebook như là một nền tảng mạng xã hội chính cho website, bạn có thể:

Viết một bình luận