Cara Membuat Widget Fan Page Facebook Messenger di Blog atau Website

Cara Membuat Widget Fan Page Facebook Messenger di Blog atau Website

Solusi Isi Ulang Pulsa Online
Kuota internet anda sudah mau habis? Isi ulang saja di situspulsa.com dijamin harga lebih murah dan proses lebih mudah
www.situspulsa.com
Ads by guru-up.date info
Mau Jadi Master Dealer Pulsa?
Harga paling murah, Produk lengkap, Pendaftaran Gratis!!
situspulsa.com
Ads by guru-up.date info

Loading...
Membuat Widget Fan Page Facebook Messenger di Blog atau Website
Setelah sebelumnya saya memberikan tutorial tentang Cara Mudah Memasang Live Chat di Blog atau Website dengan Tawk.to, kali ini saya akan berbagi alternatif lain untuk memasang widget chat di Blog atau Website yaitu dengan menggunakan Fan Page Facebook Messenger.

Walaupun fungsi dan tujuannya sama seperti halnya telah di uraikan pada postingan Memasang Live Chat di Blog atau Website dengan Tawk.to yaitu agar bisa berinteraksi langsung dengan pengunjung dan menjadikan blog atau website kita terkesan lebih profesional karena memberikan layanan lebih kepada para pengunjung. 

Namun ada manfaat lebih apabila memasang Widget Fan Page Facebook Messenger yaitu kita bisa mendapatkan lebih banyak follower untuk fan page facebook kita.

Jika rekan-rekan penasaran bagaimana bentuk widget Fan Page Facebook Messengernya, silahkan ada di pojok kanan bawah tinggal di klik saja (jika belum di hapus) dan tampilannya sangat responsive bisa tampil di tampilan mobile. Untuk membuat widget tersebut kita bisa memanfaatkan layanan gratisan dari WhatsHelp.io

Cara Membuat Widget Fan Page Facebook Messenger di Blog atau Website


Bagi rekan-rekan yang ingin mencoba untuk memasang Widget Fan Page Facebook Messenger di Blog atau Websitenya silahkan simak tutorial di bawah ini :

1. Silahkan copy script di bawah ini

<!-- WhatsHelp.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
facebook: "234443289912892", // Facebook page ID
company_logo_url: "https://scontent.fjkt1-1.fna.fbcdn.net/v/t1.0-1/p50x50/13532886_1209450389078839_4111308128188801499_n.png?oh=403c4cfdb6cf0af713e9b419d5259abc&oe=58E9E477", // URL of company logo (png, jpg, gif)
greeting_message: "Hello, ada yang bisa kami bantu? Silahkan kirim pesan kepada kami.", // Text of greeting message
button_color: "#129BF4", // Color of button
position: "right", // Position may be 'right' or 'left'
order: "facebook" // Order of buttons
        };
        var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
</script>
<!-- /WhatsHelp.io widget -->

2. Ganti Facebook page ID dengan ID fan page milik rekan-rekan. Bagi yang bingung atau belum tahu fan page ID facebook silahkan buka facebook kemudian ketikan nama fan page yang ingin dilihat ID nya setelah muncul arahkan mouse ke fan page tersebut nanti akan muncul url fan page facebook di sebelah bawah.

contoh url : https://www.facebook.com/profile.php?id=234443289912892&ref=ts&fref=ts

Nah... ID fan page tersebut adalah deretan angka yaitu 234443289912892 silahkan sesuaikan dengan ID masing-masing.

3. Ganti url logo yang rekan-rekan inginkan ukurannya bisa 50px X 50px
4. Ganti greeting_message sesuka hati
5. Warna tombol silahkan sesuaikan
6. Posisi tombol jika ingin sebelah kanan silahkan ganti dengan right jika ingin sebelah kiri ganti dengan left
7. Jika semua sudah selesai silahkan copy script tersebut kemudian masuk ke blogger di menu tata letak dan tambahkan gadget HTML/Javascript silahkan pastekan script tersebut dan simpan.
8. Jika ingin menambahkan ke website silahkan copy script tersebut dan simpan di atas kode </body>
9. Silahkan lihat hasilnya

 *** selamat mencoba ***
Isi pulsa online 24 jam
loading...
Share this with short URL:
Facebook
Blogger
Pilih Sistem Komentar

4 comments

boleh juga ini gan , apakah aman untuk seo ini ..menggangu pagespeed ga ya

aman gan cuma agak berat

sip langsung ane test ya gan , makasih

silahkan di coba gan