seiring perkembangan fitur live chat, sering x di perlukan dalam sebuah website ataupun blog. tidak heran banyaknya Tombol chat whatsapp sekarang, digunakan di banyak website maupun blog, terutama untuk keperluan bisnis baik produk maupun jasa. Tentu banyak alasan kenapa banyak pengelola web maupun blog yang memasang tombol chat WA ini,
salah satunya adalah pengunjung lebih mudah melakukan komunikasi. Komunikasi menjadi lebih cepat, efektif dan tidak ribet. Selain itu, di era sekarang pengguna whatsapp tiap tahunnya selalu meningkat drastis.
bagaiman Cara Membuat dan Memasang Widget Tombol Chat WhatsApp (WA).?
coretan koding
Langkah awal buka link https://getbutton.io/id/
- Pilih aplikasi perpersanan
- Sesuaikan tombol Anda
- Tambahkan kode ke situs web Anda
Isi semua kolom sesuai kebutuhan.
hingga tampil script wigget yang kita butuhkan pada tahap akhir di bawah ini.
kemduian testing view DESKTOP.
kemduian testing view ANDORID.
hasil script :
contoh:
Salin dan tempel kode ini sebelum tag </body> pada setiap halaman situs web Anda.
<!-- GetButton.io widget -->
<script type="text/javascript">
(function () {
var options = {
whatsapp: "0899", // WhatsApp number
whatsapp_color: "#129BF4", // WhatsApp button color
call_to_action: "Kirimi kami pesan", // Call to action
button_color: "#FF6550", // Color of button
position: "left", // Position may be 'right' or 'left'
};
var proto = document.location.protocol, host = "getbutton.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>
<!-- /GetButton.io widget -->
untuk blog atau website. letakan file javascript tersebut pada kolom di bawah body.
Selesai.
