Cara memasang Facebook chat di website toko onine/blog – Dengan adanya fitur live chat pada situs ataupun toko online anda memudahkan calon customer dan pembaca yang ingin berinteraksi atau mendapat informasi dengan cepat. Fitur live chat ini disediakan gratis oleh facebook, anda cukup menginstal saja pada blog. Pengunjung akan lebih senang jika pemilik toko mudah di hubungi, benar bukan?
Lalu bagaimana cara memasang facebook chat di blog wordpress atau blogspot yang di gunakan sebagai toko online? Sebenarnya cara memasangnya juga cukup mudah, anda hanya tinggal mengikuti informasi di bawah ini.
Facebook livechat Untuk wordpress self host
Pertama copy dan pastekan kode di bawah ini pada file Footer.php atau header.php pada themes yagn digunakan.
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '214935965527717',
xfbml : true,
version : 'v2.6'
});
};
(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 = "//connect.facebook.net/id_ID/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div style="position:fixed;z-index:999999;width:280px;height:280px;bottom:0;left:1px;">
<div class="fb-page" data-href="https://www.facebook.com/proreviewhost/" data-tabs="messages" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-width="280" data-height="275" data-small-header="true">
<div class="fb-xfbml-parse-ignore"></div>
</div>
</div>
Jangan lupa ganti tulisan yang berwarna merah dengan ID app facebook anda dan URL Fanpage toko online. misalnya situs proreview ini memiliki ID app 214935965527717 (ID unik ini bisa anda dapatkan pada laman https://developers.facebook.com) silahkan cara membat ID aff jika belum mengerti. Dan url fanpage blog ini beralamat https://www.facebook.com/proreviewhost/
Selain cara manual diatas, anda juga bisa mengaktifkan facebook livechat dengan bantuan plugin, antara lain: Facebook Messenger for WordPress, WP Facebook Messenger, Cool Facebook Chat Messenger, Facebook Messenger LiveChat, Facebook Live Chat.
Contoh dengan Plugin Facebook Messenger for WordPress
Instal dan aktifkan plugin Facebook Messenger for WordPress, kemudian pergi ke Settingan -> FB Messengger, kemudian isikan link fanspage pada kolom yang tersedia.
Cara memasang facebook chat di Blogspot
UNTUK memasang facebook chat di blogpsot anda bisa langsung meletakan kode di atas pada template blogspot yang digunakan. tinggal kopas pada bagian mana saja di dalam tag body, atau Anda juga bisa mengkopy dan pastenya kedalam widget html/javascript di blogpsot. Demikain informasi ini, semoga bermanfaat.
