Cara Mudah Menambahkan Chat WA (WhatsApp) di Web

WhatsApp, atau yang lebih keren dipanggil WA, adalah aplikasi terkini dan terpopuler yang dimanfaatkan untuk komunikasi pengguna ponsel. Kemudahan dan kelengkapan fiturnya serasa membuat kita enggan pindah ke lainnya. Di WA kita bisa berkirim pesan layaknya SMS, menelepon bahkan bertatap muka (video call) secara live seperti Skype. Karena itulah kini banyak web yang juga menampilkan tombol WA dengan tujuan memudahkan pengunjung berkomunikasi secara langsung dengan pengelola web.


pic: whatsapp.com

Sulitkah? Tidak. Bahkan sangat mudah. Meski kata “mudah” di sini tentu relatif. Bagi yang belum terbiasa utak atik kode web kemungkinan akan bingung. Namun buat yang terbiasa dengan koding web maka cukup dengan menambahkan kode berikut sebelum kode </body></html>:

<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "+62895XXXXXXXX", // Ganti dengan Nomor WA anda
            call_to_action: "chat us", // Ganti dengan teks lain bila perlu
            position: "right", // Posisi tombol WA, right (kanan) dan left (kiri)
        };
        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>

Ingat, letakkan kode di atas sebelum </body></html>. Semoga bermanfaat. Kalo masih belum bisa silakan WA saya. Biar saya bantu. Nomor WA nya ada di bagian atas web ini.


Add a Comment

Your email address will not be published. Required fields are marked *