Cara Membuat dan Memasang Widget Tombol Chat WhatsApp di Blogger

Pasti Anda pernah berkunjung ke suatu blog dan menemukan tombol chat WhatsApp melayang di blog tersebut, dan apabila tombol tersebut Anda pencet maka Anda akan otomatis membuka aplikasi WhatsApp dan langsung menuju kontak yang sudah disetting oleh pemilik blog.

Cara Membuat dan Memasang Widget Tombol Chat WhatsApp Melayang di Blogger

Tombol chat WhatsApp yang ketika Anda pencet langsung membuat Anda membuka aplikasi WhatsApp dan langsung menuju kontak tertentu tersebut adalah sebuah widget blog yang sering disebut widget chat WhatsApp.

Lalu, widget chat WhatsApp itu sebenarnya apa sih?

Apa Itu Widget Tombol Chat WhatsApp?

Widget WhatsApp chat button atau widget chat WhatsApp adalah sebuah widget yang memudahkan pemilik blog dan pengunjung blog untuk saling berkomunikasi melalui aplikasi WhatsApp.

Widget ini bekerja dengan cara meng-redirect (mengalihkan) pengunjung yang menekan tombol widget menuju aplikasi WhatsApp dan langsung ke kontak yang sudah ditentukan oleh pemilik blog.

Dengan adanya widget ini, pengunjung blog yang ingin kontak langsung dengan admin blog akan terbantu karena tidak perlu susah-susah mencari nomor telepon atau email admin blog dan hanya perlu menekan tombol widget chat WhatsApp saja.

Biasanya widget ini dipakai oleh pemilik blog untuk menggantikan atau sebagai opsi alternatif email dan kolom komentar bagi pengunjung blog dan pemilik blog berkomunikasi. WhatsApp dipilih mengingat mayoritas orang Indonesia menggunakan WhatsApp dan lebih sering menggunakan WhatsApp daripada aplikasi sejenis lainnya.

Widget ini akan sangat berguna bagi blog yang berisi jualan produk atau blog tutorial yang tutorial-tutorialnya memiliki kesusahan tinggi dan mudah membuat bingung pembacanya.

Untuk blog lainnya, sebenarnya widget ini juga masih cocok untuk digunakan apabila admin blog memiliki niat untuk menjawab pertanyaan-pertanyaan yang masuk dari para pengunjung blognya. Namun, jika Anda memang berniat untuk membantu pengunjung blog Anda, maka widget ini akan sangat berguna untuk membantu masalah mereka dan membuat blog Anda disukai pengunjung.

Oke, itu dia sedikit penjelasan dari saya mengenai apa itu widget chat WhatsApp dan fungsi serta manfaat yang Anda dapat ketika menggunakannya. Selanjutnya saya akan membahas bagaimana cara membuat widget tombol chat WhatsApp melayang di blogger dan bagaimana cara memasangnya.

Cara Membuat Tombol Chat WhatsApp Melayang di Blogger

Disini kita akan menggunakan bantuan dari tools (alat) pembuat widget tombol chat WhatsApp pada blog gratis dari situs getbutton.io, dimana di situs tersebut terdapat tools (alat) untuk membuat widget chat WhatsApp blogger dan mendapatkan kode script widget-nya yang nantinya akan kita pasang di blog kita.

Dengan bantuan tools pembuat widget chat WhatsApp gratis dari situs tersebut, kita bisa membuat tombol chat WhatsApp yang kita inginkan dan mendapatkan kode scriptnya secara gratis tanpa perlu koding sendiri yang mana cukup ribet dan juga tanpa perlu membayar orang untuk membuatkannya.

Dengan bantuan tools tersebut Anda juga bisa membuat widget tombol chat untuk aplikasi perpesanan lainnya seperti Messenger, Line, Telegram, dan aplikasi perpesanan lainnya secara gratis dan mudah. Karena kali ini saya membahas cara membuat widget tombol chat WhatsApp, maka saya hanya akan menjelaskan langkah-langkah membuat tombol chat WhatsApp saja.

Untuk detail langkah-langkah membuat tombol chat WhatsApp menggunakan tools dari situs getbutton.io, silahkan simak baik-baik selengkapnya di bawah ini.

Langkah-langkah :

1. Buka situs website getbutton.io.

2. Klik tombol "Get Your Button" dan lalu akan secara otomatis menampilkan menu kostumisasi tombol.
Cara Membuat Widget Tombol Chat WhatsApp Melayang di Blogger

3. Pilih aplikasi WhatsApp saja, jangan pilih yang lainnya.

4. Masukkan nomor WhatsApp Anda dengan kode negara Indonesia (+62), contoh : +628512364734. Nantinya nomor tersebut akan menjadi nomor yang dituju ketika memencet widget tombol chat WhatsApp.

5. Pilih letak widget tombol chat WhatsApp melayang tersebut nantinya akan muncul, Anda diberikan dua opsi yaitu 'kiri' dan 'kanan'.

6. Rubah tulisan "message us" menjadi tulisan yang Anda inginkan. Contoh saran tulisan untuk widget chat WhatsApp: "hubungi kami", "chat kami", "Ada yang bisa kami bantu?". Nantinya tulisan yang Anda masukan tersebut akan muncul di widget chat WhatsApp Anda.

7. Selanjutnya masukkan alamat email Anda dan klik "Get Button Code", setelah itu Anda akan mendapatkan kode tombol chat WhatsApp yang tadi Anda buat untuk nantinya dipasang di blog Anda.

8. Selesai. 

Disini Anda bisa langsung melihat preview tampilan widget chat WhatsApp yang Anda buat berdasarkan kostumisasi Anda sendiri, jika Anda kurang cocok maka Anda bisa mengubah kostumisasi tombol lagi sampai Anda merasa cocok.

Untuk contoh, berikut ini preview tampilan tombol chat WhatsApp dengan kostumisasi letak tombol 'kanan' dan tulisan "Hai! Ada yang bisa kami bantu?".

Oke, setelah selesai membuat widget tombol chat WhatsApp. Selanjutnya Anda tinggal memasangnya saja ke blog Anda. Lalu, bagaimana cara memasang widget tombol chat WhatsApp melayang di blogger?

Silahkan simak caranya di bawah ini.

Cara Memasang Widget Tombol Chat WhatsApp Melayang di Blogger

Cara memasangnya sebenarnya gampang dan hanya perlu copy-paste kode scriptnya saja, jadi tidak usah ciut hanya karena kode scriptnya terlihat membingungkan.

Untuk detailnya silahkan simak baik-baik di bawah ini.

Langkah-langkah :

1. Buka dashboard blogger.

2. Masuk ke bagian Tata Letak.

3. Kemudian pilih Tambahkan Gadget lalu pilih HTML/JavaScript.
Cara Memasang Widget Tombol Chat WhatsApp Melayang di Blogger
Pilih "Tambahkan Gadget"

Pilih "HTML/JavaScript"

4. Masukkan kode script widget tombol chat WhatsApp yang Anda buat tadi di situs getbutton.io ke form yang sudah disediakan.

5. Klik Simpan.

6. Selesai.

Sampai disini Anda sudah selesai membuat dan memasang widget tombol chat WhatsApp di blog Anda. Untuk memastikan apakah widget sudah terpasang atau belum, silahkan kunjungi blog Anda dan untuk memastikan apakah widget berfungsi dengan benar, silahkan klik tombol chat WhatsApp yang ada di blog Anda.

Jika di blog Anda sudah muncul tombol chat WhatsApp dan apabila di klik akan membuka aplikasi WhatsApp secara otomatis menuju kontak yang sudah ditentukan maka Anda telah berhasil melakukan cara di atas.

Berikut tampilan blog apabila telah berhasil memasang widget tombol chat WhatsApp.

Berikut tampilan HP Anda ketika Anda memencet tombol chat WhatsApp yang ada di blog dan secara otomatis membuka aplikasi WhatsApp menuju ke kontak yang sudah ditentukan.


Baca Juga :

Penutup

Demikian penjelasan singkat mengenai bagaimana cara membuat dan memasang widget tombol chat WhatsApp melayang di blogger yang bisa saya sampaikan.

Apabila penjelasan di atas bermanfaat, silahkan share artikel ini ya.

Sekian dan semoga bermanfaat.