Script Widget WA Otomatis

Bagi yang punya blogspot olshop akan lebih mudah jika Anda bisa menambahkan tombol/ tautan otomatis agar pembeli bisa mengontak Anda via WA, naaaah berikut tutorial agar tombol WA bisa tampil dibawah blog Anda.

Silakan copy script widget dibawah ini 
---------------------------------------------------

<style>
.floatwa {
position:fixed;
bottom:0px;
right: 0px;
background-color:#ffffff;
width:100%;
z-index:1000;
padding:2px;
margin:auto;
text-align:center;
float:none;
box-shadow: 0px -2px 10px #c0c0c0;
}
.tombolwa {
border: 1px #56aa71 solid;
background-color:#2f7e49;
width:90%;
padding:4px;
text-align:center;
margin:0;
border-radius: 5px;
margin:auto;
text-align:center;
float:none;
}
.floatwa a{
color:white;
}
</style>
<div class="floatwa">
<a href="https://api.whatsapp.com/send?phone=6285205168789&amp;text=Halo%20gan,%20Saya%20mau%20order" target="_blank"><div class="tombolwa">ORDER VIA WHATSAPP</div></a></div>

Kemudian paste/letakan script widget diatas pada bagian widget blog, jangan lupa juga untuk mengganti nomor Whatsappnya(saya tandai warna hijau nomornya diatas) dengan nomer WA Anda.

• Blogspot : Masuk Dashboard > Tata Letak > Tambahkan  Gadget > HTML/JavaScript, kemudian pastekan/letakkan script disitu, ubah no wa, dan simpan.
• WordPress : Masuk Dashboard > Tampilan > Widget > Teks, atur posisi widget(bebas), kemudian pastekan/letakkan script disitu, ubah no wa, dan simpan.

Jika sudah disimpan, cek halaman website/ blog/toko online dan harusnya widget tombol whatsapp chat sudah muncul dibagian bawah layar, berwarna hijau sama seperti yang ada di blog ini.

Baiklah, itulah tutorial cara membuat widget chat whatsapp melayang atau floating pada website toko online blog, atau sejenisnya.

Selamat mencoba.