Cara Mudah Menambahkan Widget Whatsapp pada Blog Pribadi Anda

 

Assalamu alaykum rekan-rekan Fathinweb. Semoga kita semua selalu dalam keadaan sehat dan dalam lindungan Tuhan Yang Maha Kuasa.

Kali ini kita akan coba membahas cara menambahkan widget whatsapp pada blog pribadi anda. Widget ini menggunakan fitur dari website whatshelp. Anda bisa langsung ke situs tersebut, namun di sini kita akan coba dengan menuliskan kode html pada bilah widget pada halaman blog  anda. Berikut langkah-langkah yang perlu dilakukan:

1. Setelah login pada akun blogger anda, pilih menu tata letak kemudian klik "+ Tambahkan gadget" pada bilah sidebar

2. Kemudian pilih opsi "HTML/Javascript, kemudian akan muncul jendela konfigurasi HTML/Javascript.

3. Kosongkan bagian Judul, kemudian pada konten ketik kode javascript berikut ini:

<!-- GetButton.io widget -->

<script type="text/javascript">

    (function () {

        var options = {

            whatsapp: "+62812XXXXXX", // WhatsApp number

            call_to_action: "Message us", // Call to action

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

            position: "right", // 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 -->

4. Pada tulisan berwarna merah ganti dengan nomor whatsapp yang ingin ditautkan. Kemudian pada tulisan berwarna biru ganti dengan kata-kata versi anda sendiri. Pengaturan lainnya:

• Button_color : warna background dari tulisan "messagu us"
• Position (right/left) : posisi widget whatsapp yang ingin anda letakkan.

5. Kemudian setelah semua pengaturan sesuai klik tombol "Simpan". Rekan-rekan bisa mengecek kembali apakah tombol whatsapp pada blog atau situs sudah berfungsi dengan baik.

Berikut penampakannya:

Untuk mencoba aplikasi messenger yang lain rekan-rekan fathinweb dapat langsung ke situs Whatshelp dengan mengklik LINK INI. Semoga bermanfaat dan selamat mencoba.