Cara Memasang Widget Live Chat WhatsApp di Blog
Setelah kemarin membahas tentang Cara membuat Tombol Messenger didalam blog, pada kesempatan kali ini kored id akan membahas tentang Cara membuat tombol WhatsApp didalam blog. Memasang kedua widget messenger tersebut bisa di bilang memliki kelebihan tersendiri untuk blog kita. Terutama menggunakan widget Live Chat WhatsApp
Menggunakan atau memasang Widget Live Chat atau tombol WhatsApp Messenger didalam blog memang sangat disarankan terutama blog toko online/Webstore. Selain mempermudah pengunjung untuk mengubungi kita, Tombol WhatsApp didalam blog juga bisa untuk mempercantik tampilan blog kita.
Tak hanya itu saja,Tombol WhatsApp di dalam blog bisa mempermudah komunikaai antara pengunjung dan pemilik blog. Karena tombol WhatsApp teraebut langsung terkoneksi dengan nomor si pemilik blog.
Untuk itu kored id akan sedikit membagikan langkah-langkah dalam membuat tombol WhatsApp di blog. Caranya pun terbilang sangat mudah dan juga mudah untuk diikuti. Dari pada makin banyak mbacod, mendingan langsung ke topik utama
Cara Membuat Tombol WhatsApp di Blog
1. Daftar terlebih dahulu di https://whatshelp.io/widget
2. Lalu pilih Get Your Button
3. Pilih Aplikasi Perpesanan. Berhubung kita akan membuat Tombol WhatsApp, Pilih saja icon WhatsApp
4. Masukan Nomor anda, dengan format memakai kode negara (+62)
5. Selanjutnya Pengaturan Tombol. Untuk kolom Company Logo Dan Gretting Message lewati saja, karena itu sudah tidak bisa dirubah lagi. Rubah saja Warna Tombol, Posisi Dan Pesan Awal tampilan, sesuaikan saja sesuai dengan keinginan.
6. Untuk halaman "Generate x2 More Chat And Sales With Pro Features" lewati saja, itu hanya bisa digunakan oleh fitur berbayar.
7. Langkah Selanjutnya ialah, mengisi email untuk mengirim kode WhatsApp yang telah kita buat untuk di tambahkan ke dalam blog kita. Jika sudah diisi, klik Get Button Code dan Copy Kode tersebut atau bisa cek email yang telah di masukan tadi
Memasang Tombol WhatsApp Kedalam Blog
1. Seperti biasa log in Blogger.com
2. Pilih Tema -> Edit HTML
3. Cari kode </body> (Gunakan ctrl+f untuk mencarinya)
4. Paste kode WhatsApp tadi Sebelum kode</body> kodenya seperti dibawah ini
<!-- WhatsHelp.io widget -->
<script type="text/javascript">
(function () {
var options = {
whatsapp: "+628xxxxxxxxx", // WhatsApp number
call_to_action: "Ada Yang Bisa Saya Bantu?", // Call to action
position: "left", // Position may be 'right' or 'left'
};
var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host;
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
})();
</script>
<!-- /WhatsHelp.io widget -->
</body>5. Kemudian, Simpan Tema. Dan lihat hasilnya
Cara Menggunakan Tombol WhatsApp di Blog
Supaya anda bisa langsung menggunakannya di web, PC/ Laptop. Anda harus menghubungkannya terlebih dahulu antara Smartphone dan laptop anda. Caranya,
1. Klik icon WhatsApp yang terdapat di blog atau anda bisa kunjungi https://web.whatsapp.com
2. Maka akan tampil seperti gambar dibawah
3. Buka WhatsApp di smartphone anda -> Pilih titik tiga di pojok kanan atas, Lalu pilih WhatsApp Web
4. Scan kode QR yang terdapat di WhatsApp Web
5. Selesai, WhatsApp anda sudah bisa digunakan
Jika anda ingin keluar dari WhatsApp Web, caranya anda tinggal klik titik tiga di WhatsApp Web anda -> Pilih Log Out
Itu lah cara membuat tombol WhatsApp di blog. Sangat mudah bukan? Kalau untuk coba-coba gunakan versi gratisnya saja dulu. Semiga bisa diterapkan di blog kalian. Semoga bermanfaat dan terima kasih atas kunjungannya.
