Menemukan cara membikin tombol WhatsApp 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 kamu 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 Anda 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
Untuk memperbesar tampilan tombol WhatsApp sesuai dengan keinginan Anda bisa mengganti ukuran di bagian width dan height
Anda bisa lihat hasilnya di halaman blog saya bagian Produsen Songkok Alfatih
Nah jika Anda 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
No comments:
Post a Comment