Hướng dẫn chèn chat zalo, chat facebook, gọi điện thoại vào website bán hàng đơ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 : ( Giao diện – sửa – themes – chèn footer.php ) ví dụ demo :
Mã dán file :
<div class=”call-mobile2″><div class=”call-mobile2″><a data-animate=”fadeInDown” rel=”noopener noreferrer” href=”http://zalo.me/01663129063″ 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/thietkewebsite5chau” 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:0949095666″>0949.095.666</a><i class=”fa fa-phone”></i> </div>
<style>.success.is-underline:hover, .success.is-outline:hover, .success { background-color: #1E73BE; 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>
