Apa yang terjadi saat pengguna mengisi form? biasanya pengguna akan menerima email pemberitahuan dan menunggu balasan.<\/p>\n\n\n\n
Kendala yang paling sering muncul adalah email tidak terkirim ke admin maupun email masuk ke spam.<\/p>\n\n\n\n
Lalu sebagian pengelola website berpikir untuk menggunakan whatsapp sebagai metode pengiriman notifikasi maupun informasi suatu orderan.<\/p>\n\n\n\n
Apa bisa dilakukan?<\/p>\n\n\n\n
Tentu saja bisa!<\/p>\n\n\n\n
Tutorial berikut akan mengarahkan cara membuat form yang terhubung dengan whatsapp dengan 2 cara.<\/p>\n\n\n\n
Whatsapp memiliki alamat redirect untuk mengarahkan pengguna untuk berkomunikasi dengan pengguna whatsapp lainnya. <\/p>\n\n\n\n
Biasanya akan menggunakan format https:\/\/api.whatsapp.com\/send?phone=NomorTeleponWhatsap<\/strong>&text=Teks<\/strong><\/em><\/p>\n\n\n\n Jadi isi dari form tadi akan di redirect menuju whatsapp pengguna.<\/p>\n\n\n\n Langkah pertama adalah membuat html formnya<\/p>\n\n\n\n Html diatas akan membuat form default dan bisa diubah sesuai dengan kebutuhan.<\/p>\n\n\n\n Kemudian membuat skrip untuk melakukan redirect ke whatsapp.<\/p>\n\n\n\n Sudah selesai. <\/p>\n\n\n\n Yang kedua adalah menghubungkan form dengan whatsapp melalui api.<\/p>\n\n\n\n Apa bedanya dengan cara redirect?<\/p>\n\n\n\n Cara redirect menghubungkan langsung pengguna dengan admin sedangkan dengan cara api lebih digunakan untuk notifikasi.<\/p>\n\n\n\n contohnya ketika pengguna mengisi dan mengirimkan contact form, dengan redirect pengguna akan membuka aplikasi whatsapp dan dihubungkan langsung dengan admin dan menunggu respon. Sedangkan dengan api, pengguna akan menerima notifikasi terlebih dahulu sebelum admin merespon.<\/p>\n\n\n\n Untuk membuat form dengan api, diperlukan api key untuk mengirim pesan.<\/p>\n\n\n\n<form id=\"salsa\" method=\"POST\" accept-charset=\"utf-8\">\n<div class=\"form-group\">\n<div class=\"input Nomer\"><label for=\"Nomer\">Your Number<\/label><input placeholder=\"62812xxxx\" name=\"nomer\" type=\"number\" class=\"form-control\" id=\"nomer\" required \/><\/div>\n<\/div>\n<div class=\"form-group\">\n<div class=\"input nama\"><label for=\"nama\">Your Name<\/label><input placeholder=\"nama\" name=\"nama\" type=\"text\" class=\"form-control\" id=\"nama\" required \/><\/div>\n<\/div>\n<div class=\"form-group\">\n<div class=\"input pesan\"><label for=\"pesan\">Message<\/label><textarea class=\"form-control\" rows=\"4\" id=\"pesan\" name=\"pesan\" placeholder=\"pesan\"><\/textarea><\/div>\n<\/div>\n<div class=\"form-group\">\n<div class=\"submit\"><button type=\"submit\" id=\"btn-wa\" class=\"btn btn-primary btn-user btn-block\">Send<\/button>\n<\/div>\n<\/form><\/code><\/pre>\n\n\n\n<script type=\"b81031a443e8c52bbfdadb60-text\/javascript\">\n$(\"#btn-wa\").click(function(){\n var nomor = document.getElementById('nomer').value;\n var pesan = document.getElementById('pesan').value;\n var win = window.open('https:\/\/api.whatsapp.com\/send?phone='+nomor+'&text='+pesan);\n if (win) {\n \/\/Browser has allowed it to be opened\n win.focus();\n } else {\n \/\/Browser has blocked it\n alert('Please allow popups for this website');\n }\nreturn false;\n});\n<\/script><\/code><\/pre>\n\n\n\n2. API<\/h2>\n\n\n\n