3 Cara Membuat Fitur Chat Whatsapp Untuk Customer Service di Blogger

3 cara membuat fitur chat whatsapp untuk customer service di blogger
3 Cara Membuat Fitur Chat Whatsapp Untuk Customer Service di Blogger - Customer Service atau Fitur hubungi adalah sebuah fitur yang disediakan untuk pengunjung berguna melayani pengunjung via chatting, pesan dan telpon. Seperti yang ada di website penyedia hosting dan salah satunya hostinger yang buka layanan customer service 24 jam, untuk melayani pengunjung ketika mengalami masalah atau kendala ketika akan menggunakan jasanya.

Biasanya fitur layanan ini hanya bisa didapatkan dan digunakan pada website menggunakan platform Wordpress atau Hosting sendiri untuk membangun Website. Bukan berarti platfom Blogger tidak memasang customer service di blog nya meskipun tidak sempurna seperti menggunakan wordpress.

Dan sekarang kita hidup serba di android, mulai dari mencari informasi dan sampai berkomunikasi dengan contoh salah satunya aplikasi komunikasi tersebut adalah whatsapp. Maka sobat bisa menggunakan whatsapp tersebut sebagai layanan live chat di blog untuk membantu pengunjung jika ada postingan yang tidak mengerti maupun mengajak bekerja sama.

3 Cara Memasang Live Chat Whatsapp di Blogger

Meskipun fitur live chat di blog ini jarang digunakan. Tetapi masih banyak Blogger yang mencari dan memasang layanan customer service di blognya dengan tema toko online atau penyedia jasa. Dengan beranggapan agar pengunjung dapat menghubungi langsung pemiliki blog untuk order barang dan jasa tersebut.

1. Layanan Resmi Dari WhatsHelp untuk Live Chat Blog

Yang pertama ini adalah sebuah website dari whatsapp langsung, dulunya adalah www.whatshelp.io tetapi kini sudah ganti menjadi getbutton.io. Tetapi yang berubah hanya URL nya saja, fungsi dan layanan yang di sediakan masih tetap sama. Di situs ini, sobat dapat membuat live chat dengan berbagai aplikasi seperti. Massanger fanspage, Whatsapp, Line, Sms dan hingga widget layanan telpon pun disediakan di situs ini. Cara Pertama ini akan menampilkan Widget Chat Whatsapp Melayang di Blog bagian pojok kanan bawah.

  • Kunjungi Situs GetButton
  • Tekan Get Yout Button di pojok kiri bawah
  • Pada menu Choose messaging apps sobat pilih gambar Logo Whatsapp
  • Lalu isikan nomor sobat sepert +6281234567890
  • Pada Menu Color, Klik saja untuk memilih warna. Karena warna akan otomatis berubah menjadi warna Hijau untuk Widget Live Chat Whatsapp.
  • Pada Menu Call to Action, sobat isi dengan kata memberitahu Blog sobat memiliki layanan Live Chat seperti : Customer Service, Hubungi Kami dan Hubungi saya.
  • Lewati langkah sampai langkah terakhir yaitu,  Add the code to your website.
  • Tekan Get Button Code dan sobat akan di berikan kode/script.
  • Buka akun Blogger 
  • Masuk ke Menu Tema - Edit HTML
  • Cari dan paste kode tersebut di sebelum </body>
  • Simpan Tema

2. Memasang Live Chat WhatsApp Mudah dan Simple di Blog

Cara kedua untuk menampilkan live chat di Blog pada akhir postingan atau artikel dan cara ini adalah cara termudah untuk menambahkan layanan chat untuk customer service, karena hanya menambahkan Link API WhatsApp tanpa menambahkan Style atau Gaya.

  • Buatlah artikel seperti biasa hingga selesai
  • Jangan publikasikan dulu artikel tersebut
  • Pada pojok kiri atas. Carilah Mode ComposeHTML dan klik yang HTML
  • Copy pastekan Code berikut di akhir postingan pada Mode HTML
  • <a  title="Hubungi Admin" rel="nofollow" 
    href="https://api.whatsapp.com/send?phone=6281122334455&text=Apakah 
    barang ini masih tersedia"><b>Hubungi Admin</b></a>
  • Rubahlah pada nomor 6281122334455 sesuai dengan nomor kamu 
  • Artikel sudah siap di Publikasikan

3.Menambahkan Widget Manual Fitur Customer Service via Whatsapp di Blog

Untuk Cara memasang fitur chat whatsapp di blogger yang terakhir ini hampir sama dengan cara pertama. Tetapi sobat disini harus memasukan manual kode nya seperti CSS dan javascript di template.
  • Buka akun Blogger
  • Masuk ke menu Tema - Edit HTML
  • Perhatikan tabel di bawal ini terdapat 3 Menu yaitu HTML - CSS - JS dan cobalah untuk klik 1 per 1 untuk menampilkan kode.
See the Pen MWWYYPj by William Rinaldo (@masrinaldo) on CodePen.
Source code: https://www.idblanter.com/2019/09/membuat-widget-chat-whatsapp-ganda.html
  • Copy semua kode pada Menu CSS dan Pastekan di sebelum </style> atau ]]></b:skin>
  • Copy semua kode Javascript pada Menu JS dan Pastekan di sebelum </body>
  • Simpan Tema
  • Copy Semua kode pada Menu HTML tabel diatas
  • Kembali ke Dasbord Blogger dan Masuk ke Menu Tata Letak
  • Tambahkan Gadget pilih HTML/Javascript dan pastekan kode yang sudah di copy dari Menu HTML (Tidak perlu memberi judul widget)
  • Simpan
Note : Pada kode HTML yang sudah di paste, rubahlah di bagian nomor 6281122334455 menjadi nomor whatsapp milik sobat dan Rubah / Hapus pada nomor 08112233445 menjadi nomor lainnya selain whatsapp.

Demikian artikel mengenai "3 Cara Membuat fitur Chat Whatsapp Untuk Customer Service di Blogger" semoga dapat membantu meningkatkan pelayanan di Blog sobat.

Menambahkan Live Chat sebagai fitur Customer service ini tidak seperti yang digunakan pada Wordpress ya sobat, karena dari 3 cara ini akan bertujuan sama semua. Yaitu setiapwidget yang di pasang tersebut akan menuju ke Link API WhatsApp agar dapat Chat ke nomor WhatsApp milik sobat tanpa harus save nomor dan ketiga cara diatas hanyalah berbeda tampilan saja.

Artikel Terkait

0Comments

Previous Post Next Post