Menambahkan Tombol Chat Whatshelp di Blog
Setiap
pemilik blog kiranya wajib menambahkan informasi kontak seperti alamat email
atau nomor HP di blog. Tujuannya tentu agar kita mudah dihubungi jika ada
keluhan, kritikan atau masukan dari pengunjung. Nah, tombol chat Whatshelp
adalah solusi praktis untuk membuat pengunjung bisa menghubungi pemilik blog secara
langsung.
Apa
itu Whatshelp? Ini adalah sebuah widget yang bisa digunakan di berbagai platform
termasuk Blogger. Berbeda dengan form di halaman “Contact Us”, dengan tombol
ini pengunjung akan diarahkan langsung menuju aplikasi untuk menghubungi Anda,
misalnya Messenger, WhatsApp, LINE, Telegram, SMS, dan lain-lain.
Tombol
chat dari Whatshelp ini sangat berguna khususnya untuk pengguna mobile device. Sebab
pengunjung blog Anda tidak perlu repot-repot lagi untuk menyimpan kontak WA,
menambahkan teman di LINE atau menyukai halaman Facebook. Hanya cukup sekali
tekan, maka mereka akan langsung bisa menghubungi Anda melalui kontak yang
tersedia.
Instalasi
widget ini gratis, namun ada beberapa fitur yang harus diaktifkan dengan membayar.
Oke, sekarang mari kita menuju cara memasang tombol chat Whatshelp di blog.
Cara Memasang Tombol Whatshelp
#1.
Pertama-tama masuk ke halaman Whatshelp
widget.
#2.
Klik “Get Your Button” atau langsung gulir halaman ke bawah.
#3.
Anda akan melihat tulisan “Get a Free Button in Three Simple Steps”, lalu ada
tiga langkah yang harus Anda lewati.
#4.
Di poin pertama (Choose messaging apps), pilih aplikasi apa saja yang ingin
Anda gunakan agar mudah dihubungi oleh pengunjung. Namun untuk versi gratis
Anda hanya bisa memilih dua tombol saja, misalnya WhatsApp dan LINE.
#5.
Isikan kolom WhatsApp dengan nomor Anda menggunakan awalan +62 (kode Indonesia)
untuk menggantikan 0.
#6.
Isikan kolom LINE dengan URL profile Anda. Jika Anda bingung, maka Anda bisa
mencoba salah satu di antara dua cara berikut ini:
-
Gunakan ID atau username LINE Anda, lalu tulis di bagian belakang URL berikut
ini: http://line.me/ti/p/~ID_LINE_kamu.
Jika menggunakan aplikasi LINE@, jangan lupa tambahakan “@” di depan username.
-
Jika belum mengatur ID atau username, maka Anda harus gunakan cara yang kedua.
Masuk ke aplikasi LINE > Tambah Teman > Undang > SMS > Kirim ke nomor
Anda sendiri. Nantinya Anda akan mendapat SMS yang berisikan URL profile LINE.
#7.
Untuk versi gratis, Anda tidak bisa mengubah Company logo dan Greeting message
di langkah kedua (Customize your button). Yang bisa Anda ubah hanya warna tombol,
letaknya (di kiri atau kanan bawah), dan teks “Call to action”.
Preview
tombol yang Anda buat akan muncul di sebelah kanan bawah halaman.
#8.
Di langkah ketiga, masukkan email Anda lalu klik “Get Button Code”, kemudian
akan muncul kode yang harus Anda tempel di blog.
#9.
Sekarang buka dasbor blog Anda > “Tema” > “Edit HTML”. Lalu salin kode
tombol Whatshelp yang sudah Anda buat tadi tepat sebelum kode </body>. Setelah
itu klik “Simpan”.
Buka
halaman depan blog Anda. Jika langkah-langkah tadi berhasil, harusnya tombol Whatshelp
akan muncul di bagian kanan atau kiri bawah.
Tips dan Trik
Pengguna
Whatshelp versi lama ternyata masih bisa mengganti Company logo dan Greeting message.
Caranya, edit kode Whatshelp dengan menambahkan kode di bawah ini tepat sebelum
kode “call_to_action”. Huruf yang dimiringkan bisa Anda ganti dengan URL logo
dan kalimat Anda sendiri.
company_logo_url:
"//static.whatshelp.io/img/flag.png",
// URL of company logo (png, jpg, gif)
greeting_message:
"Hello, how may we help you? Just
send us a message now to get assistance.", // Text of greeting message
Demikian
tutorial cara memasang tombol Whatshelp di blog. Selamat mencoba.
