MUSAHABLOG

Home
Blogger

Terbaru! Cara Membuat Tombol Live Chat ke Facebook di Blogger


Facebook adalah sosial media yang paling banyak digunakan di dunia. Biasanya promosi iklan yang paling ampuh untuk meningkatkan bisnis adalah dengan menggunakan Facebook. Selain untuk promosi, Ia juga dapat digunakan untuk mengetahui keingginan pengunjung sebuah Situs atau Blog dengan cara berkomunikasi secara lansung.

Salah satu fitur Facebook yang dapat digunakan pengunjung untuk berkomunikasi dengan pemilik Situs atau Blog adalah Live Chat Mesengger atau bisa disebut Plugin Chat Box Facebook Mesengger.

Dalam dunia bisnis Ia merupakan salah satu fitur yang penting dalam memasarkan produk maupun jasa secara online. Selain itu fitur ini bersifat real time yang mana kedua belah pihak dapat lansung saling membalas pesan antara satu sama lain. 

Untuk menggunakan fitur ini Anda wajib memiliki sebuah halaman Facebook dikarenakan widget ini termasuk fitur yang ada pada halaman Facebook.

Pada tahun 2021 halaman Facebook terdapat beberapa perubahan salah satunya adalah adanya perubahan letak pengaturan Plugin Obrolan Pelanggan yang biasanya terletak pada pengaturan Platform Messenger namun sekarang berada pada pengaturan Pengiriman Pesan.

Hal ini dapat menjadi sesuatu yang membingungkan bagi pengguna baru sehingga mengakibatkan kesulitan dalam memasang tombol tersebut.

Dalam postingan ini akan dibahas bagaimana Cara Membuat Tombol Live Chat Terbaru yang nantinya akan memepermudah komunikasi kamu dengan pembaca.

Berikut Cara Terbaru Membuat Tombol Live Chat ke Facebook di Blogger  

Pertama - Log in Facebook

Log in ke akun Facebook Anda dan buka Fanspage yang ingin diintegrasikan, Jika Anda belum memiliki Fanspage maka buatlah terlebih dahulu sebuah Fanspage (halaman) milik Anda. Kemudian masuklah kebagian Pengaturan Fanspage.



Pilih Pesan Lanjutan.



Cari Domain Dalam daftar Putih

Scroll hingga kebawah dan temukan Domain Dalam Daftar Putih, selanjutnya masukan link/url Situs atau Blog Anda kemudian klik Simpan. Disini saya menggunakan link/url Blog ini.


Atur Pengiriman Pesan

Setelah itu pilih pengaturan Pengiriman Pesan.


Tambahkan Mesengger Ke Situs Web

Scroll hingga kebawah dan temukan Tambahkan Messenger ke situs web Anda, lalu klik Mulai.


 

Jika muncul jendela Siapkan Obrolan Pelanggan seperti gambar dibawah maka klik Selanjutnya.


 

Berikutnya untuk bagian nomor 1 pilihlah bahasa yang ingin Anda gunakan, kemudian pada bagian nomor 2 silakan ubah salam pembuka pesan sesuai keperluan Anda, lalu klik Selanjutnya.


 

Setelah itu untuk mengubah warna tombol Plugin Anda dapat mengaturnya pada bagian nomor satu seperti pada gambar dibawah ini lalu klik Selanjutnya untuk ke pengaturan berikutnya.

 

Pastikan link/url yang Anda masukan itu benar, lalu pilihlah opsi Saya akan menginstal kode sendiri dan copy kode yang ada pada kotak nomor 3 seperti pada gambar dibawah ini untuk menginstal kode kemudian klik Selesai.



Jika semua bagian sudah selesai diatur maka klik Selesai.

Parse Kode Untuk Menghindari Terjadinya Error

Untuk menghindari terjadinya error pada kode yang akan diinstal maka kita harus melakukan parse kode tersebut pada website berikut http://www.blogcrowds.com/resources/parse_html.php.



Paste kode yang di copy sebelumnya kedalam kotak yang ditandai dengan garis hijau seperti gambar dibawah ini kemudian klik PARSE.



Copy kode yang telah diparse.


Log in Ke Akun blogger

Log in ke akun Blogger Anda dan pilih pengaturan Tema (Theme) kemudian klik Edit HTML.



 

Paste kode yang telah dicopy sebelumnya tepat dibawah tag <body> lalu Save.

 

 Selesai - Tombol Live Chat Sudah Terpasang

Selamat Anda telah selesai membuat tombol live chat ke Facebook di Blogger. Berikut adalah tampilan dari tombol Live chat Facebook Messenger.


 

Posisi tombol secara default akan berada disebalah kanan bawah, hal ini mungkin mengakibatkan tombol back to top yang ada di blog Anda akan tertutup olehnya. Jadi untuk mengatasi masalah ini anda dapat memindahkannya kesebelah kiri.

Untuk memindahkan tombol tersebut Anda dapat menambahkan kode CSS berikut tepat sebelum tag </style>.

.fb_dialog, iframe.fb_customer_chat_bounce_in_v2, iframe.fb_customer_chat_bounce_out_v2 {
  right: 0px !important;
  left: 18px !important;
}


 

Berikut adalah hasil dari modifikasi letak tombol Live chat Facebook Messenger.


 

Selain untuk memudahkan pembaca berkomunikasi dengan pemilik Situs atau Blog, Ia juga dapat menjadikan Situs atau Blog lebih interaktif.

Itulah cara terbaru membuat tombol live chat ke Facebook di Blogger. Jika Anda mengalami kesulitan dalam melakukan langkah diatas silakan sampaikan melalui kolom komentar. Terimakasih telah membaca dan mampir di Musahablog. Sampai bertemu lagi di tutorial menarik berikutnya.



Blogger from the area.