Membuat Tombol Chat Whatsapp di Blogspot

Membuat Tombol Chat Whatsapp di Blogspot

Saat ini kita tentu sering melihat website atau toko online yang menyediakan fitur chat pada websitenya. Hal itu sangat mempermudah pengunjung untuk menghubungi langsung CS untuk menanyakan misalnya ketersediaan stok dan lain-lain.
Sangat menarik bukan?

Bagi temen-temen pemula bisnis online yang sudah memiliki website blogspot namun belum memiliki fitur ini, saya akan share caranya agar website temen-temen yang meski gratisan namun bisa memiliki fitur powerfull ini. Caranya mudah kok..

Langsung praktek aja yuk..

1. Silakan copy script dibawah ini :

<style>
.floatwa {
position:fixed;
bottom:0px;
right: 0px;
background-color:#ffffff;
width:30%;
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:100%;
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=6285291427999&amp;text=Assalamualaikum...%20Saya%20mau%20order" target="_blank">
<div class="tombolwa">ORDER VIA WHATSAPP</div>

2. Kemudian paste/letakan script tersebut pada bagian sidebar/footer blog, jangan lupa juga untuk mengganti nomor Whatsappnya dan tulisan lain (saya kasih warna biru).
- Masuk Dashboard > Tata Letak

- Tambahkan  Gadget pada bagian Sidebar atau Footer

- HTML/JavaScript

- Pastekan/letakkan script disitu, ubah no wa

- Simpan.

Jika sudah disimpan, cek halaman blog kita, harusnya tombol whatsapp chat sudah muncul dibagian bawah layar, berwarna hijau sesuai seperti demo diatas.

Itulah tutorial cara membuat tombol whatsapp website blogspot.

Semoga teman-teman mudah memahaminya, dan berhasil mempraktekannya, serta bisa meningkatkan penjualannya.

Aamiiin... :)