Membuat Live Chat Website dengan Facebook Massenger


kangpepe.com | Dalam artikel ini kami akan membahas bagaimana cara membuat live chat pada website anda.live chat sangat diperlukan dalam melakuukan interaksi langsung antara admin dan pelanggan atau pengunjung website.tentu anda sangat menginginkan pelanggan anda dapat terhubung langsung dengan anda agar dapat berintegrasi secara langsung, karena apa pun yang anda tawarkan dalam dunia maya hanyalah harus mendapatkan kepercayaan pelanggan anda.

Nah disini anda akan melakukan komunikasi langsung dengan live chat menggunakan facebook pada website anda, walaupu anda tidak sedang berada dalam website tersebut ( online ),namun Massager live chat akan aktive pada smartphone anda.apakah anda memiliki online shop dan ingin meningkatkan kualitas layanan kepada konsumen, maka live chat ini merupakan langkah yang tepat untuk berkomunikasi dengan konsumen anda.

Apa yang diperlukan
kali ini ada beberapa hal yang harus kamu butuhkan dalam membuat live chat tersebut, ini lah yang wajib anda butuhkan :
  1. Memiliki Website (Lebih bagus menggunakan Wordpress).
  2. Halaman Facebook ( Sebagai layanan Massenger ).
  3. Ikuti langkah berikut :

Langkah Membuat Live Chat

1. Halaman Facebook

Buatlah halaman Facebook anda terlebih dahulu. Setelah memiliki halaman Facebook, selanjutnya Anda perlu melakukan pengaturan fitur live chat Facebook pada website Anda. Dalam tutorial ini kami menggunakan halaman Facebook Kelascoding (@CMScodepedia)

2.Pengaturan Live Chat

Pada kali ini kita menggunakan Tool yang banyak di gunakan para Internet marketing yakni menggunakan bantuan tool online Zotabox. Tool ini memiliki beragam fitur menarik untuk keperluan marketing, salah satunya live chat Massenger ini. Untuk mengguakan ini anda dapat langsung mengikuti langkah ini

Masuk dan daftar pada ZotaBox agar mendapatkan code nya nanti.
Pilih Support > Facebook Live Chat:












Pilih Tab Basic Setting, pada setting awal ini anda akan di minta melakukan 3 jenis pengaturan awal seperti gambar dibawah ini :



Setelah melakukan Basic Setting anda beralih ke tabe selanjutnya yaitu Display Rules, dan silahkan sesuaikan dengan pengaturan anda seperti gambar dibawah ini :



Penjelasan Gambar
  1. Who to show – Siapa saja yang dapat melihat tombol chatting di website Anda.
  2. Minimum screen size – Untuk mengatur ukuran minimal perangkat yang akan menampilkan tombol live chat.
  3. Max display frequency – Seberapa sering tombol live chat akan ditampilkan.


Setelah melakukan Save anda akan diberikan code dan lakukan Copas pada Website anda nantunya,

3.Pemasangan kode pada website anda.

kali ini saya akan memasang kode ini pada website yang menggunakan CMS Wordpress karena lebih mudah dan mendukung seperti dutaserver.com. Ini adalah langka pemasangan pada wordpress :
Pada contoh ini kami meletakkannya pada bagian footer sebelum tag
. Berikut ini adalah langkah lengkapnya:

  1. Login ke Dashboard WordPress
  2. Klik menu Apperance > Editor dan klik footer.php.
  3. Letakkan kode yang sebelumnya disalin sebelum tag
, kemudian klik tombol Update File seperti gambar dibawah ini :

Pemasangan telah berhasi kita lakukan, dan untukmelihat hasil silahkan buka website anda maka tampilan chat anda akan tampil pada bagian Bawak kanan website anda.


Terima kasih & Selamat mencoba !!!

Recommend Article × +

OWNER AND CO OF PT. TRANS TECHNO Freelance Web Design and Yii2 Development in ICT STKIP PGRI WEST SUMATRA. While Studying MAGISTER UPI-YPTK Padang,CEO CMS Codepedia, Lives in Padang - Indonesia | WhatsApp : 0853-7516-4491

Related Posts

Update Sesudahnya
« Prev Post
Update Sebelumnya
Next Post »