Cách thêm tiện ích trò chuyện trên Facebook Messenger trong trang web của bạn

Cách thêm tiện ích trò chuyện trên Facebook Messenger trong trang web của bạn

Facebook Messenger, với hơn một tỷ người dùng hàng tháng. cho phép các thương hiệu có cuộc trò chuyện trực tiếp theo thời gian thực với khách hàng của họ. Các doanh nghiệp cũng có thể nhúng các nút nhắn tin Facebook trên trang web và khách truy cập của họ, cho dù họ có câu hỏi trước khi bán hàng hoặc cần giải quyết vấn đề, có thể bắt đầu cuộc trò chuyện chỉ bằng một nút bấm đơn giản.

Nhược điểm duy nhất với các nút nhúng là khách truy cập sẽ phải thoát khỏi trang web của bạn để gửi tin nhắn qua Facebook Messenger. Sẽ không tốt sao nếu mọi người có thể ở lại trang web của bạn mà vẫn có thể nhắn tin cho bạn qua Facebook?


Vâng, điều đó là có thể với sự trợ giúp của tiện ích trò chuyện Facebook. Tiện ích nằm ở góc trang của bạn và khi ai đó nhấp vào biểu tượng Facebook Messenger, một cửa sổ trò chuyện không xâm phạm sẽ bật lên nơi khách truy cập có thể nhập và gửi cho bạn một tin nhắn riêng tư.

Nhúng tiện ích trò chuyện trên Facebook

Chỉ cần một bước dễ dàng để tích hợp tiện ích Trò chuyện Facebook trong trang web của bạn.

Tất cả những gì bạn cần làm là sao chép-dán đoạn mã đơn giản bên dưới bất cứ nơi nào trong mẫu trang web của bạn và nó sẽ thêm tiện ích vào tất cả các trang của bạn. Hãy nhớ thay thế kỹ thuật số bằng URL (tên) của trang Facebook của riêng bạn.

<style>.fb-livechat,.fb-widget{display:none}
.ctrlq.fb-button,.ctrlq.fb-close{position:fixed;right:24px;cursor:pointer}
.ctrlq.fb-button{z-index:1;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:60px;height:60px;text-align:center;bottom:24px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}
.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}
.fb-widget{background:#fff;z-index:2;position:fixed;width:360px;height:435px;overflow:hidden;opacity:0;bottom:0;right:24px;border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);-o-box-shadow:0 5px 40px rgba(0,0,0,.16)}
.fb-credit{text-align:center;margin-top:8px}
.fb-credit a{transition:none;color:#bec2c9;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;border:0;font-weight:400}
.ctrlq.fb-overlay{z-index:0;position:fixed;height:100vh;width:100vw;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;top:0;left:0;background:rgba(0,0,0,.05);display:none}
.ctrlq.fb-close{z-index:4;padding:0 6px;background:#365899;font-weight:700;font-size:11px;color:#fff;margin:8px;border-radius:3px}
.ctrlq.fb-close::after{content:'x';font-family:sans-serif}
</style>

<div class="fb-livechat">
<div class="ctrlq fb-overlay"></div>
<div class="fb-widget">
<div class="ctrlq fb-close"></div>
<div class="fb-page" data-href="https://www.facebook.com/wikianow/" data-tabs="messages" data-width="360" data-height="400" data-small-header="true" data-hide-cover="true" data-show-facepile="false">
<blockquote cite="https://www.facebook.com/wikianow/" class="fb-xfbml-parse-ignore"></blockquote>
</div>
<div class="fb-credit">
<a href="https://www.wikianow.com/2020/03/cach-them-tien-ich-tro-chuyen-tren.html" target="_blank">Facebook Chat widget by Wikianow</a>
</div>
<div id="fb-root"></div>
</div>
<a href="https://m.me/wikianow" title="Send us a message on Facebook" class="ctrlq fb-button"></a>
</div>

<script src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v6.0"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>$(document).ready(function(){var t={delay:125,overlay:$(".fb-overlay"),widget:$(".fb-widget"),button:$(".fb-button")};setTimeout(function(){$("div.fb-livechat").fadeIn()},8*t.delay),$(".ctrlq").on("click",function(e){e.preventDefault(),t.overlay.is(":visible")?(t.overlay.fadeOut(t.delay),t.widget.stop().animate({bottom:0,opacity:0},2*t.delay,function(){$(this).hide("slow"),t.button.show()})):t.button.fadeOut("medium",function(){t.widget.stop().show().animate({bottom:"30px",opacity:1},2*t.delay),t.overlay.fadeIn(t.delay)})})});</script>


Tiện ích này sẽ hoạt động trên tất cả các loại trang web, bao gồm blog Blogger & WordPress, cửa hàng WooC Commerce và hầu hết các trang web HTML tĩnh. Tuy nhiên, nó sẽ không hoạt động với phiên bản Trang web mới của Google vì chúng không cung cấp tùy chọn nhúng JavaScript vào các trang.

Khi khách truy cập gửi tin nhắn qua tiện ích Trò chuyện trên Facebook, nó sẽ chuyển ngay đến hộp thư đến của Trang Facebook của bạn. Là chủ sở hữu doanh nghiệp, bạn có thể cài đặt ứng dụng Trình quản lý trang Facebook trên điện thoại di động của mình để xem và trả lời tin nhắn. Khách hàng sẽ được thông báo về phản hồi của bạn bên trong ứng dụng Facebook Messenger của họ.

Lịch sử tin nhắn được lưu giữ mãi mãi, không có giới hạn về số lượng tin nhắn bạn có thể nhận được trong một ngày và trang của bạn có thể đồng thời nhận được các trang từ nhiều khách truy cập. Tiện ích cũng mời khách truy cập thích Trang Facebook của bạn.

Một điều nữa. Nếu trang web đang sử dụng trình chặn quảng cáo hoặc nếu họ đã tắt các plugin xã hội, tiện ích sẽ mặc định là nút messenger.

Bạn có thể thích những bài đăng này