Cara Membuat Tombol WhatsApp di Blog Agar Bisa Chat Langsung dengan Admin

Memasang widget WhatsApp di blog atau toko online bisa memudahkan konsumen menghubungi admin ketika ingin memesan produk barang atau jasa yang ditawarkan. Tidak perlu repot-repot menyimpan nomor telepon untuk bisa melakukan komunikasi melalui WhatsApp, dengan memasang widget ini maka konsumen bisa langsung chatting dengan admin toko online secara langsung. Ada beragam desain widget WhatsApp yang bisa dibuat mulai dari tombol WhatsApp bulat seperti biasanya, tombol whatssap kotak berwarna hijau, tombol whatssap kotak berwarna hitam dan lain sebagainya. Desain  bentuk dan warna ini bisa disesuaikan dengan selera Anda.

Di pembahasan kali ini, admin akan membahas bagaimana cara membuat tombol WhatsApp melayang di blog sehingga tetap akan bergerak mengikuti kursor walau di scroll ke bawah ataupun ke atas. Hal ini bertujuan untuk memudahkan konsumen chat langsung dengan admin blog ketika ingin memesan produk yang diinginkan ataupun untuk sekedar berkonsultasi. Untuk lebih jelasnya, simak bagaimana cara memasang widget WhatsApp step by step berikut ini.

Baca Juga: Cara Mudah Membuat Link Whatsapp di Instagram untuk Olshop

Cara Membuat Tombol WhatsApp di Blog

Buka Menu Layout

Masing-masing blog biasanya memiliki tema atau template yang berbeda-beda, namun ketika ingin membuat tombol WhatsApp di blog, Anda bisa menambahkannya melalui menu layout. Secara lebih rinci Anda bisa membukanya dengan cara sebagai berikut:

Buka blogger.com dan login

Klik Layout/Tampilan

Klik Add a Gadget/Tambahkan Gadget

Pilih HTML/Javascript

Pada bagian Content/Konten pastekan kode di bawah ini

<style type="text/css">

/*WA Live Chat*/

.WAfloat{

 position:fixed;

 width:70px;

 height:70px;

 bottom:45px;

 right:45px;

 background-color:#25d366;

 color:#FFF;

 border-radius:50px;

 text-align:center;

  font-size:30px;

 box-shadow: 2px 2px 3px #999;

  z-index:100;

}

.WA-float{

 margin-top:16px;

}

</style>

<a href="https://api.WhatsApp.com/send?phone=6285643789383&text=Hallo mbak%21%20Saya%20mau%20order...%20" class="WAfloat" target="_blank">

<i class="fa fa-WhatsApp WA-float"></i>

</a>

Jangan lupa klik save/simpan

Silahkan ganti yang bertanda merah degan nomor WhatsApp Anda dan ganti teks berwarna hijau dengan kata-kata yang Anda inginkan. %20 pada script di atas merupakan kode untuk spasi.

Semoga tutorial cara memasang kontak WhatsApp yang bisa diklik otomatis menuju chat dengan admin ini bisa membantu Anda. Untuk contoh hasilnya, Anda bisa melihatnya di www.kontenmania.com. Selamat mencoba!.

Baca Juga: ''Cara Membuat Tombol Whatsapp Untuk Satu Postingan Saja''