Cara buat tombol chat ke WhatsApp halaman HTML
Hallo kawan EvilicaCell bertemu lagi dengan saya admin dari situs tutorial paling work didunia ini, dikesempatan kali ini saya akan share tutorial membuat tombol chat ke WhatsApp dengan mudah dan sederhana.
Jadi jika ada orang lain yang klik tombol nya, maka akan otomatis membuka aplikasi WhatsApp di smartphone dan akan otomatis mengarahkan ke nomor WhatsApp yang kita pasang.
Tutorial membuat tombol / link chat otomatis ke WhatsApp ini sudah saya coba dan berhasil tanpa kendala, dan sebagai bukti sekaligus untuk mempermudah memahami cara buat tombol chat WhatsApp, saya akan sertakan video tutorial di akhir artikel.
Cara membuat tombol chat otomatis ke WhatsApp ini berkaitan dengan tutorial script nembak gebetan yang pernah saya share di EvilicaCell, jadi jika kalian belum paham soal membuat tombol, sebaiknya kalian cek dulu tutorial script nembah gebetan ala anak IT, karena di tutorial itu saya jelaskan cara membuat tombol.
Sekarang disini saya akan jelaskan bagaimana caranya, agar tombol itu bisa membuka aplikasi WhatsApp dan otomatis berisi pesan (berisi chat) yang kita settings.
Oke langsung saja, simak tutorial membuat tombol agar jika di klik akan otomatis membuka aplikasi WhatsApp yang berisi pesan text yang kita buat.
Cara buat tombol chat otomatis ke WhatsApp di halaman HTML / Web:
- Pertama pastikan kalian harus punya halaman HTML atau website, jika belum paham kalian bisa coba buat halaman HTML disini "Cara buat script halaman HTML"
- Setelah kalian berhasil membuat halaman HTML / script dengan 2 tombol yaitu tombol positif dan tombol negatif, selanjutnya perhatikan pada bagian java script dibagian tombol positif / tombol Ya
- Dibagian script tombol Ya terdapat kode JavaScript yang diawali kode alert("Thanks Udah pilih Jawaban YA")
- Hapus kode tersebut, lalu ganti dengan kode berikut ini:
- window.location = "https://wa.me/628xxxxxxxxx?text=Aku%20sayang%20kamu";
- Maka hasil nya akan seperti ini:
- Untuk kode yang berwarna biru, kalian ganti dengan nomor WhatsApp kalian masing-masing, atau bisa di bilang, nomor WhatsApp tujuan
- Untuk kata-kata di belakang nya, kalian bisa ganti dengan kata-kata yang kalian inginkan, spasi kalian ganti menjadi %20 (persen dua puluh = spasi)
- Jika sudah kalian bisa save as file nya dan simpan sebagai file HTML
Jika kode script sudah benar sesuai tutorial dan file berformat HTML, maka kalian bisa test, open with browser bisa Chrome ataupun Mozilla di mobile atau desktop.
Maka jika ada seseorang yang klik tombol positif (jawaban Ya) melalui HP, akan otomatis membuka aplikasi WhatsApp dan berisi pesan text (berisi chat) yang sudah kita settings sebelum nya sesuai tutorial.
Untuk mempermudah memahami cara membuat tombol chat otomatis WhatsApp, kalian bisa tonton video toturial berikut ini: (video diatas juga sebagai bukti kalau tutorial ini sudah saya coba dan berhasil tanpa kendala.
Oke mungkin sekian tutorial cara membuat tombol chat otomatis WhatsApp di halaman HTML dari saya EvilicaCell, jika masih ada yang bingung, kalian bisa komentar dibawah dan silahkan subscribe channel YouTube EvilicaCell untuk mendapatkan update seputar tutorial lain-nya.
Semoga bermanfaat
BalasHapus