Buat Tombol WhatsApp Pada Website

1. Dapatkan Kode: Kunjungi situs resmi WhatsApp untuk pengembang dan dapatkan kode tombol WhatsApp.

2. Tambahkan Kode ke Situs Web: Tempelkan kode HTML yang Anda dapatkan ke dalam kode HTML halaman web Anda di tempat yang diinginkan.

3. Atur Nomor dan Pesan (Opsional): Sesuaikan nomor telepon dan pesan default jika diperlukan.

4. Uji Tombol: Pastikan tombol berfungsi dengan benar dengan mengkliknya.

5. Optimalkan Tampilan: Sesuaikan tata letak dan gaya tombol agar sesuai dengan desain situs web Anda.

Dengan langkah-langkah ini, tombol WhatsApp akan terintegrasi ke dalam situs web Anda dengan mudah.

1. Cara Pertama:

Anda juga bisa langsung mengcopy code di bawah dan tempel pada code web yang anda ingin tampilkan tombol WhatsApp:

</script>
    
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: " +6287765866657", 
            call_to_action: "Message us", 
            button_color: "#E74339", 
            position: "left", 
            order: "whatsapp", 
        };
        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
    
    </script>

Setelah anda mengcopy dan tempel pada web anda jangan lupa untuk mengganti nomor WhatsApp tersebut.

Tombol whatsapp akan tampil pada website anda seperti gambar di bawah:

2. Cara Kedua:

Copy Code di bawah dan tempel pada halaman yang ingin anda buat tombol WhatsApp mengambang:

<div style="position: fixed; bottom: 2px; left: 15px; align: center; z-index: 99;">
<a href="https://wa.me/6287765866657/?text=Halo, Saya ingin konsultasi tentang Website." target="_blank" rel="noopener">
<img src="https://idntek.com/assets/images/hubungikami.png" width="200" height="75" alt="Hubungi Kami Melalui WhatsApp"></a></div>

Pastikan untuk mengganti nomor whatsapp dan anda juga bisa mengatur gambar tombol whatsapp pada img src serta ukuran gambarnya.

Tombol whatsapp akan tampil pada website anda seperti gambar di bawah:

Demikian penjelasan terkait cara membuat tombol WhatsApp mengambang pada website, semoga bisa bermanfaat dan Terimakasih telah berkunjung pada situs kami https://newsxid.com .