Hướng dẫn chèn chat zalo, chat facebook, gọi điện thoại vào Blog, Website đơn giản

 Facebook Zalo được sử dụng như công cụ kết nối không thể thiếu với người dùng facebook,zalo chính vì vậy mà facebook, zalo đã cung câp giải pháp tích hợp facebook chat và zalo chat vào website giúp những tín đồ của facebook có thể dễ dàng giao tiếp cũng như support khách hàng qua website đơn giản hơn.

– Với những công cụ chat, messenger thông thường như livechat, gochat khi tích hợp vào website bạn cần phải cài đặt ứng dụng chat hay messenger của các hãng này nhưng facebook chat thì đơn giản hơn bạn có thể chat ngay trên môi trường website mà không cần cài thêm bất cứ điều gì khác.

Ưu điểm của chức năng này với ZALO, FACEBOOK

– Khách hàng dùng tài khoản Facebook để gửi tin và nhận phản hồi ngay cả khi đã thoát khỏi website. lưu lại file nhắn, hay chat để có thể check khi offline
– Quản lý tin nhắn của khách hàng thông qua hộp thư của fanpage, không cần cài đặt ứng dụng riêng.
– Thích hợp với các shop bán hàng cả trên kênh fanpage, muốn thống nhất 1 kênh chăm sóc khách hàng.

– Có thể sử dụng hộp thoại chat để like fanpage hoặc chia sẻ luôn không cần vào fanpage

Cách làm:
Bạn chỉ cần copy đoạn code sau vào bên dưới của thẻ body website or blog của bạn

Thay những chỗ màu đỏ thành địa chỉ Fcaebook và số điện thoại của bạn vào nhé

<div class="call-mobile2">
<a data-animate="fadeInDown" rel="noopener noreferrer" href="http://zalo.me/0779730306" target="_blank" class="button success" style="border-radius:99px;" data-animated="true">
    <span>Chat Zalo </span></a>
</div>
<div class="call-mobile1">
<a data-animate="fadeInDown" rel="noopener noreferrer" href="https://www.facebook.com/sfxgroup89" target="_blank" class="button success" style="border-radius:99px;" data-animated="true">
    <span>Chat Facebook</span></a>
</div>
<div class="call-mobile">
<a id="callnowbutton" href="tel:0779730306">077.973.0306</a><i class="fa fa-phone"></i>
</div>
<style>
.success.is-underline:hover, .success.is-outline:hover, .success {
    background-color: #1E73BE;
    padding: 10px;
    color: white !important;
}
            .call-mobile {background: #ED1C24;position: fixed;bottom: 10px;height: 40px;line-height: 40px;
                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
                }
            .call-mobile1 {position: fixed;bottom: 52px;height: 40px;line-height: 40px;
                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
                }
   .call-mobile2 {position: fixed;bottom: 93px;height: 40px;line-height: 40px;
                padding: 0 0px 0 0px;border-radius: 40px;color: #fff;left: 20px;z-index: 99999;
                }
.call-mobile i {font-size: 20px;line-height: 40px;background: #B52026;
                border-radius: 100%;width: 40px;height: 40px;
                text-align: center; float: right;
            }
            .call-mobile a {color: #fff;font-size: 18px;font-weight: bold; text-decoration: none;
                    margin-right: 10px; padding-left: 10px;}
</style>