Skip to main content

Cara Membuat Tombol Melayang Live Chat WA di Blog

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:

Tombol Melayang Live Chat WA di Blog

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://2.bp.blogspot.com/-qsp7D2BwbAg/W3LsSlnqIrI/AAAAAAAAKbo/giXulfdrpC8X9t1Hkttm4gKGC2nLI11WwCLcBGAs/s1600/wa.png' title='wa' style="width: 50px;"/></a></div>

Silahkan disesuaikan code yang berwarna
  • 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.

Comments

  1. sangat membantu sekali,...makasih infonya mas,

    ReplyDelete
  2. itu bisa untuk wordpress juga nggak ya... soalnya coba kok masih bingung.

    ReplyDelete
    Replies
    1. kalo di wordpress, cukup menginstal plugin WA

      Delete
  3. ukuran ikonnya ga bisa diubah ya?

    ReplyDelete
    Replies
    1. bisa, nanti bisa disesuaikan code ini width: 50px ,

      Delete

Post a Comment