Hallo sobat blogger yang berbahagian kali ini kita akan membahas Cara Menambahkan Widget Tombol Melayang Live Chat WA ( WhatsApp ) di Blog, untuk mempermudah pengiriman pesan dan bisa terpantau di HP secara langsung. Bisa meningkatkan penjualan maupun kualitas pelayanan di blog, pengunjung pun akan lebih merasa puas dengan adanya fitur ini.
WA merupakan aplikasi chatting milik Facebook yang lagi buming saat ini, penggunanya sangat banyak sehingga kebutuhan akan fitur ini semakin meningkat. Tidak hanya bisa digunakan lewat Hp smartphone yang bisa di download gratis di google play, namun bisa juga digunakan melalui basis web online.
Banyaknya keunggulan aplikasi ini menjadikan WA sebagai pilihan utama aplikasi chatting untuk keperluan pribadi maupun bisnis. Terlebih lagi jika sobat mempunyai blog bisnis maupun pribadi yang memerlukan layanan extra cepat, maka sangat bagus untuk mendesain blog dengan memasang tombol WA ini.
Cara memasang tombol WA dengan posisi melayang atau dengan bahasa lain sticky mapun fixed ini sangatlah mudah, berikut ini caranya:
Langkah #1 - Menuju ke dasboard blogger > Theme > Edit HTML
Langkah #2 - Copy code dibawah ini
Silahkan disesuaikan code yang berwarna
WA merupakan aplikasi chatting milik Facebook yang lagi buming saat ini, penggunanya sangat banyak sehingga kebutuhan akan fitur ini semakin meningkat. Tidak hanya bisa digunakan lewat Hp smartphone yang bisa di download gratis di google play, namun bisa juga digunakan melalui basis web online.
Banyaknya keunggulan aplikasi ini menjadikan WA sebagai pilihan utama aplikasi chatting untuk keperluan pribadi maupun bisnis. Terlebih lagi jika sobat mempunyai blog bisnis maupun pribadi yang memerlukan layanan extra cepat, maka sangat bagus untuk mendesain blog dengan memasang tombol WA ini.
Cara memasang tombol WA dengan posisi melayang atau dengan bahasa lain sticky mapun fixed ini sangatlah mudah, berikut ini caranya:
Langkah #1 - Menuju ke dasboard blogger > Theme > Edit HTML
Langkah #2 - Copy code dibawah ini
<div class="chating" style=" z-index: 99999; width: 50px; padding: 15px; right: 0; bottom: 0; position: fixed; "> <a href='https://api.whatsapp.com/send?phone=628176742512&text=Assalamualaikum%20Admin%20SEOV6' target='_blank'><img alt='wa' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7VHjmJWbDdQ17U1PRuUQslmYuIKUvVEUBf00XueiKyks6fsl5msxq-V8EM603rAnrT66ePmg5wvdpU-Lcc04k1Fj0hXKZSE7xuqF8W7KnsSq-Xlk27keNIndll3LglzwjelM8gfcW-Wc/s1600/wa.png' title='wa' style="width: 50px;"/></a></div>
- Merah: No WA
- Kuning: Pesan yang ingin dilampirkan,
- Hijau: url gambar tombol png
Langkah #3 - Paste di atas code </body> lalu save template
Sampai disini Tombol Melayang Live Chat WA di bagian footer blog sudah bisa digunakan, jika ada pertanyaan lebih lanjut bisa langsung komen saja dibawah atau seandainya mau di costum namun tidak terlalu mengerti dengan code CSS bisa langsung ditanyakan saja. Nantikan artikel menarik lainnya salam sukses SEO V6.
sangat membantu mas, kembangkan.
ReplyDeletesangat membantu sekali,...makasih infonya mas,
ReplyDeleteitu bisa untuk wordpress juga nggak ya... soalnya coba kok masih bingung.
ReplyDeletekalo di wordpress, cukup menginstal plugin WA
Deleteukuran ikonnya ga bisa diubah ya?
ReplyDeletebisa, nanti bisa disesuaikan code ini width: 50px ,
DeleteLetak Code >/body< dimana ya
ReplyDeleteletak code </body> di bagian paling bawah
Delete