Cara Membuat Tombol WhatsApp / Call Action WA di Blog Melayang

Cara Membuat Tombol WhatsApp / Call Action WA di Blog Melayang

Hello sobat terimakasih sudah berkunjung di blog Duniamu38 ! pasti sobat bingung mencari bagaimana sih cara membuat tombol whatsapp di blog /website ? cara nambah widget whatsapp di blog? cara pasang tombol whatsapp di blog/website? Ataupun dengan keyword lain cara membuat live chat via whatsapp/wa di blog? Pasti kalian mencari keyword seperti itu kan? Jika Iya maka silahkan kalian Baca artikel saya sedikit ini mudah-mudahan cocok seperti apa yang kalian inginkan.

Pasti Hampir semua website/blog dominan mereka mempunyai cara berbagai macam agar website/blog agan mudah untuk dihubungi melalui kontak yang tersediadi website sobat, adapun maksud dari kontak person di web agan agar konsumen dengan atau pengunjung bisa berkomunikasi langsung kepada admin web/blog secara informatif, fast respond dan pastinya tidak mbulet.

Di dalam artikel ini nanti sobat akan menemukan berbagai cara memasang button/tombol-tombol chat live misalnya seperti:

Fb Mesenger, Messenger button, Line button, Email button, Telegram button, dan Call button. Tapi secara khusus nanti didalam artikel ini saya akan menjelaskan cara /tutorial memasang widget/ call button whatsapp didalam blog/website.

Okey gan mungkin itu sedikit muqodimah dari saya, mari kita sama-sama belajar membuat tombol whatsapp hanya dengan beberapa langkah :

Bagaimana caranya?

Berikut ini cara-cara step by step yang bisa sobat praktekkan memasTombol ukkan WhatsApp Melayang pada blog / website sobat.

Langkah:

Pertama silahkan kalian login dulu ke blog kalian, setelah itu kalian :

#1 Masuk ke Halaman Dashboard

#2 Selanjutnya Klik Menu Tata Tetak

#3 Step Ke 3 Klik Tambah Gadget 

   (Penempatan bisa Terserah Sobat Sidebar/footer terserah agan

#4 Silahkan Pilih HTML/Javascript

#5 Lalu Silahkan Masukan Kode dibawah ini didalam kotak HTML/Javascript 

 

Berikut Kode Htmlnya yang akan dipasang :

<!-- WhatsHelp.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "+62812356789", // WhatsApp number
            call_to_action: "Message us", // Call to action
            position: "right", // 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 -->

Catatan Penting !!!

1. Silahkan ganti nomor telepon sobat yang sudah kasih warna merah yang akan dihubungi oleh pengunjung didalam kode tersebut

2.   Untuk mengganti letak posisi Icon whatsapp silahkan kalian Ganti didalam kode tersebut yang warna pink tulisan “left” (kiri), “right” (kanan).

Setelah sudah kalian copy kode html widget whatsapp ini, silahkan kalian save template, dan lihat hasilnya. semoga bermanfaat, jangan lupa share kawan. terimakasih.