Skip to content Skip to sidebar Skip to footer

Cara Membuat Tombol WhatsApp melayang

 

Link tombol WhatsApp melayang

Menemukan jalan di saat di perlukan

Alhamdulillah wasyukrulillah  selalu terpanjatkan kepada Tuhan yang maha kuasa, semenjak building website ini rasa haus akan ilmu pengetahuan pun meningkat ,"tidak ada kata terlambat untuk belajar " kata kata itu sering terdengar namun sekarang baru terasa

seperti yang sudah Satria ceritakan di postingan Barbershop


Kami juga memiliki kegiatan memproduksi songkok

Pada saat pembuatan landing page ) lebih tepatnya halaman web site untuk jualan  produk kami

Saya ingin mencantumkan tombol WhatsApp


Dan kali ini saya akan berbagi cara untuk membuat tombol WhatsApp melayang di website toko online kamu.



Kegunaan tombol WhatsApp sendiri sangat besar sekali bagi kamu yang suka bisnis online  karena tombol WhatsApp ini memudahkan untuk pelanggan memesan yang kamu jual atau tawarkan.


Jadi kamu tidak harus online untuk  melihat yang mau order, jika kamu tertarik dengan tutorialnya silahkan lihat di bawah ini :



Apa itu whatsapp?


WhatsApp Messenger adalah aplikasi perpesanan GRATIS yang bisa kamu temukan di play store untuk Android dan smartphone lainnya. WhatsApp menggunakan koneksi Internet telepon kamu  atau Wi-Fi, jika tersedia

memungkinkan kanu mengirim pesan dan menelepon teman dan keluarga. WhatsApp berfungsi untuk mengirim dan menerima pesan, panggilan, video, dokumen, dan Pesan Suara.



Cara Membuat Link Whatsapp


1.  buka Dasboard blogger kamu


2. Copy code di bawah ini


<a href="https://api.whatsapp.com/send?phone=62858847263004">


<img src="https://satriadaf.files.wordpress.com/2021/01/images.jpeg" class="wabutton" alt="Whatsapp-Button" />


</a>


<style>


.wabutton{


width:50px;


height:50px;


position:fixed;


bottom:20px;


right:20px;


z-index:100;


}


</style>


3. Setelah kode kamu copy paste silahkan klik menu layout/ tata letak, taruh kode cssnya tadi di widget sidebar agar lebih mudah.


Caranya

klik tambahkan widget lalu pilih gadget  HTML/JAVASCRIPT. Kemudian masukan  code ccs yang tadi sudah di copy paste


4. Kalau sudah jangan lupa mengganti link WhatsApp   dengan mengganti nomor dengan nomor WhatsApp kamu


Untuk memperbesar tampilan tombol WhatsApp sesuai dengan keinginan kamu kamu bisa mengganti ukuran di bagian width dan height




Kamu bisa lihat hasilnya di halaman blog saya bagian Produsen Songkok Alfatih


Nah jika kamu merasa heran dengan tampilan tombol WhatsApp melayang yang hanya tampil di satu halaman saja


Kebetulan cara di atas saya modifikasi

Karena saya menginginkan tampil hanya pada satu halaman



CARANYA

kamu copy paste code diatas  Setelah membuat landing page atau halaman khusus untuk jualan kamu ubah tampilan menulis menjadi tampilan HTML


untuk penempatan kamu simpan di bagian bawah halaman khusus untuk jualan yang telah kamu ubah terlebih dahulu dari tampilan menulis menjadi 


Tampilan HTML maka hasilnya tombol WhatsApp melayang tersebut hanya tampil pada halaman tersebut

Semoga bermanfaat






Post a Comment for "Cara Membuat Tombol WhatsApp melayang "