Cara Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress Cara Buat Blog- Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress

Plugin chat box Facebook Messenger ini menciptakan pengunjung blog sanggup eksklusif berinteraksi dengan kau sebagai admin sebab eksklusif menghubungkan antara blog dengan fitur chat di Facebook. Dia bersifat real time, artinya kedua belah pihak sanggup eksklusif saling membalas pesan satu sama lain tanpa harus menunggu.

Widget ini termasuk ke dalam fitur Fanspage (halaman). Kaprikornus jikalau kau mau memasang plugin yang eksklusif chat ke Facebook Messenger maka wajib memiliki Fanspage. Semua isi chat tadi akan masuk ke dalam inbox Fanspage ya, bukan ke akun pribadi.

Fitur ini tergolong penting bagi yang berjualan produk atau jasa secara online. Pengunjung yang membuka website akan sanggup eksklusif menghubungi Customer Service ketika mereka membuka online shop kamu. Sangat memudahkan komunikasi antara penjual dan calon pembeli.

Contohnya sanggup kau coba sendiri di artikel ini. Cek di sebelah kiri bawah, disana ada sebuah tombol dengan icon Facebook Messenger. Coba klik dan kirim pesan pada saya.


Cara Memasang Plugin Live Chat Facebook Messenger di Website

Kali ini saya menciptakan tutorial untuk dua buah platform, adalah Versi Blogger dan versi Versi WordPress. Tapi sebelum menjelaskan untuk masing-masing platform, kita kupas dulu pengaturan yang harus dilakukan di Facebook.

1. Buka Fanspage yang mau diintergasikan ke blog / web.
2. Masuk ke Pengaturan » Platform Messenger.
Atau untuk singkatnya sanggup masukkan URL ini ke address kafe browser.
https://www.facebook.com/ignielcom/settings/?tab=messenger_platform
Ganti ignielcom dengan username Fanspage masing-masing.
Cara Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress Cara Buat Blog- Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress

3. Scroll hingga bawah dan temukan cuilan Plugin Obrolan Pelanggan dan klik tombol Menyiapkan.
Cara Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress Cara Buat Blog- Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress

4. Akan muncul sebuah jendela pop-up. Klik saja Selanjutnya.
Cara Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress Cara Buat Blog- Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress

5. Pilih bahasa yang diinginkan. Dalam referensi saya pakai Bahasa Indonesia, kemudian tentukan salam pembuka. Untuk mengubahnya klik tombol Ubah. Jika sudah klik tombol Simpan kemudian Selanjutnya.
Cara Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress Cara Buat Blog- Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress

6. Berikan warta berapa usang biasanya kau membalas pesan. Info itu akan otomatis berada di cuilan header chat box. Kamu juga sanggup mengubah warna tombol live chat Facebook Messenger untuk online shop supaya sesuai dengan layout blog masing-masing dengan klik toggle Warna khusus. Ini akan memengaruhi warna tombol, bubble chat, dan icon like (jempol). Jika tidak mau diganti, biarkan saja.
Cara Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress Cara Buat Blog- Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress

7. Tuliskan domain atau URL website / blog yang akan dipasangi plugin live chat box Facebook Messenger ini. Domain sanggup ditambahkan lebih dari satu. Disana akan terdapat arahan yang nantinya akan kita gunakan. Simpan dulu di notepad komputer supaya tidak hilang. Terakhir klik tombol Simpan kemudian Selesai.
Cara Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress Cara Buat Blog- Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress


1. Versi Blogger

Sekarang saatnya untuk memasang di Blogger. Buka pengaturan template masing-masing dan simpan arahan yang sudah didapatkan tadi sempurna "SESUDAH / DI BAWAH" tag <body>. Jika terjadi error, parse dulu kodenya di website berikut:
http://www.blogcrowds.com/resources/parse_html.php
Cara Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress Cara Buat Blog- Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress

2. Versi WordPress

1. Buka dashboard dan saluran sajian Appearance » Editor.
Cara Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress Cara Buat Blog- Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress

2. Pada sajian Templates di sebelah kanan, pilih Theme Header (header.php).
3. Simpan arahan "SESUDAH / DI BAWAH" tag <body>. Setelahnya klik tombol Update File.
Cara Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress Cara Buat Blog- Membuat Tombol Live Chat ke Facebook Messenger di Blogger dan WordPress

3. Pengaturan Lanjutan

Ini bersifat opsional, artinya boleh dilakukan boleh tidak. Tujuannya supaya tampilan live chat Facebook Messenger lebih variatif.

3.1. Mengubah Posisi Tombol

Secara default, posisi tombol akan berada di kanan bawah. Ini mungkin akan menjadi problem sebab biasanya tombol back to top pun berada di posisi yang sama sehingga menutupi satu sama lain. Solusinya: pindahkan posisi tombol live chat ke sebelah kiri. Tambahkan arahan CSS ini "SEBELUM / DI ATAS" </style>.
.fb_dialog, iframe.fb_customer_chat_bounce_in_v2, iframe.fb_customer_chat_bounce_out_v2 {   right: 0px !important;   left: 18px !important; }


3.2. Mengubah Pesan Pembuka Bagi Yang Belum Login Facebook

Kamu sanggup menciptakan pesan pembuka yang berbeda bagi pengunjung yang sudah dan belum login di akun Facebooknya masing-masing. Perhatikan potongan arahan berikut:
logged_in_greeting: Isi pesan bagi yang "SUDAH" login.
logged_out_greeting: Isi pesan bagi yang "BELUM" login.

Jika ingin dicustom, ubah menjadi menyerupai ini:
logged_in_greeting="Halo. Apa yang sanggup kami bantu untuk memenuhi kebutuhan Anda?" logged_out_greeting="Halo. Agar sanggup mengobrol dengan kami, pastikan Anda sudah login ke akun Facebook."


Sekian tutorial lengkap perihal cara menciptakan dan memasang plugin live chat Facebook Messenger untuk Blogger dan WordPress. Semoga toko online kau makin laku dengan adanya pemberian script yang memudahkan komunikasi antara penjual dan pembeli ini.
Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours