Cara Memasang Widget Whatsapp (WA) di Website
Cara Memasang Widget Whatsapp (WA) di Website
Selamat pagi sobat sekalian. Di jaman sekarang alat komunikasi sangat mudah didapatkan dan diakses. Salah satunya dengan menggunakan handphone. Alat komunikasi handphone ini bisa dipakai dari chat sampai telepon bisa memakai data internet.
Salah satu aplikasi yang banyak digunakan adalah aplikasi Whatsapp. Aplikasi ini berjalan di sistem operasi Android maupun IOS. Nah berikut ini langsung saja kita praktekkan cara memasang widget Whatsapp (WA) di blogspot atau blogger ya sobat.
1. Kode HTML
Dengan memasukkan kode HTML berikut ini Sobat sekalian dapat memasang Whatsapp ke blogspot Sobat sekalian.
Kode HTML :
<div style='position:fixed;left:20px;bottom:20px;'>
<a href='https://api.whatsapp.com/send?phone=+6281214151212'>
<button style='background:#32C03C;vertical-align:center;height:36px;border-radius:5px'>
<img src='https://web.whatsapp.com/img/favicon/1x/favicon.png'>Hallo Maher</img></button></a>
</div>
Caranya ganti nomer telepon di dalam kode html yang berwarna merah dengan nomer telepon Sobat. Jangan lupa kode negara, di sini +62. Kemudian cukup memasukkan kode di atas ke halaman HTML blogspot.
Langkah-langkahnya sebagai berikut :
Masuk ke akun blogger atau blogspot Sobat sekalian. Di sebelah kiri ada gambar seperti di bawah ini.
Pilih pada lis Theme, seperti gambar di bawah ini.
Kemudian di sebelah kanan atas terdapat dropbox berwarna orange, klik panah ke bawah CUSTOMIZE.
Dan pilih Edit HTML
Muncul laman HTML. Ketik Ctrl+F, sehingga muncul kolom Search seperti di bawah ini. Ketik <body> kemudian Enter. Nah kita sudah berada di tag <body>.
Kemudian paste-kan kode HTML di atas tepat di bawah tag <body>. Jangan lupa ganti nomer telepon Sobat yang terdaftar di Whatsapp (WA) ya.
Kemudian kita klik Save seperti gambar di bawah ini
Untuk melihat hasilnya kita kembali ke halaman awal. Klik View blog di kanan bawah.
Nah, sudah terlihat tombol Whatsapp nya.
Nah, begitu caranya apabila kita mau menggunakan kode HTML.
Selanjutnya kita menggunakan aplikasi ya.
2. Menggunakan aplikasi Get Button
Dengan aplikasi ini kita lebih mudah memaasangnya. Langkah-langkahnya sebagai berikut :
Masuk aplikasi Get Button.
Kemudian scroll ke bawah hingga ada tampilan seperti di bawah ini.
Pilih Whatsapp (WA) seperti gambar di atas. Masukkan nomer telepon Sobat yang terdaftar di Whatsapp ya.
Dan untuk mengkostumisasi tombol, Sobat isi kolom-kolom di bawah ini. Karena kita menggunakan fitur yang Free. Sobat hanya bisa mengisi kolom Color, Position, Call to action.
Previewnya di bawah ini ya Sobat.
Masukkan email Sobat semua di kolom seperti di bawah ini. Klik Get Button Code yang berwarna biru.
Cek di email sobat ya. Kemudian kita Copy paste - kan di laman HTML kita.
Untuk memasukkan kode HTML ini. Caranya seperti kita memasukkan kode HTML di langkah 1 di atas. Sobat lihat hasilnya ya.
Aplikasi Get Button menyediakan tidak hanya Whatsapp saja. Ada Telepon, Messenger, Line, Telegram. Dan beberapa aplikasi harus menggunakan layanan Premium alias berbayar.
Dengan aplikasi Whatsapp di website kita. Dapat mempermudah pelanggan kita mengubungi kita. dan kita dapat dengan mudah mengatur data pelanggan sehingga dapat dengan mudah ketika akan memprospek pelanggan kita di kemudian hari.
Untuk pengguna Wordpress tidak perlu melakukan langkah-langkah di atas ya. Karena di wordpress sudah terdapat plug-in sehingga kita tinggal mengatur properties-nya saja. Aplikasi ini hanya digunakan untuk pengguna Blogger atau Blogspot.
Demikian tutorial cara memasang widget Whatsapp (WA) di website kita. Semoga dapat bermanfaat buat Sobat sekalian.