• Jelajahi

    Best Viral Premium Blogger Templates

    terkini

    Iklan

    Cara Membuat Tombol WhatsApp melayang

    admin
    Saturday, April 1, 2023, April 01, 2023 WIB Last Updated 2023-04-01T07:09:33Z

    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

    Tombol WhatsApp melayang


    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






    Komentar
    Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE. #JernihBerkomentar
    • Cara Membuat Tombol WhatsApp melayang

    No comments:

    Post a Comment

    Terkini

    Topik Populer

    Iklan

    Close x