Membuat Button Pesan Atau Chat di Blog/Website

Untuk mempermudah melakukan komunikasi antara pemilik / administrator  blog atau website dengan pengunjung membutuhkan media. Chatting adalah suatu aplikasi / program dalam Internet untuk berkomunikasi langsung sesama pemakai Internet yang sedang online. Aplikasi Chatting populer saat ini seperti WhatsApp, Messanger, Line, Wichat, Telegram dll.

Karena pentingnya komunikasi online tersebut, pemilik / administrator  blog atau website memberikan fasilitas chatting pada blog atau website. Untuk membuat fasilitas chatting tersebut dapat menambahkan Plugin ataupun Widget yang berisi HTML.

A. Plugin (di Wordpress)
    Banyak pilihan plugin di Wordpress yang  dapat  ditambahkan   untuk        aplikasi chating, antara lain :

• Chat Button by GetButton.io
• Chaty
• Buttonizer
• My Sticky Elements ( teruji 100% ok)

B. Widget (berupa Kode HTML)

<!-- GetButton.io widget -->

<script type="text/javascript">

    (function () {

        var options = {

            facebook: "100635798355892", // Facebook page ID

            whatsapp: "+6281227208080", // WhatsApp number

            call_to_action: "Chat Admin LKP. Wahana Prestasi", // Call to action

            button_color: "#E74339", // Color of button

            position: "right", // Position may be 'right' or 'left'

            order: "whatsapp,facebook,Instagram", // Order of buttons

        };

        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 -->

Keterangan :

HTML diatas telah kami uji dan berhasil 100%. silahkan Copas Kode HTML diatas, ganti kode warna merah untuk Kode Messanger Facebook, ganti kode warna Biru untuk Nomor WhatsApp.

Contoh Tampilan Fasilitas Chating di Website Desa Panunggalan

Silahkan dicoba dan semoga bermanfaat