Created
December 14, 2022 11:55
-
-
Save uiaciel/55a4520d40d1daecf260838d72fa9d05 to your computer and use it in GitHub Desktop.
Form html mengarah ke whatsapp
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div id="contact" class="contact"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-md-6"> | |
<form class="whatsapp-form"> | |
<div class="datainput"> | |
<input class="validate" id="wa_name" name="name" required="" type="text" value=''/> | |
<span class="highlight"></span><span class="bar"></span> | |
<label>Your Name</label> | |
</div> | |
<div class="datainput"> | |
<input class="validate" id="wa_email" name="email" required="" type="email" value=''/> | |
<span class="highlight"></span><span class="bar"></span> | |
<label>Email Address</label> | |
</div> | |
<div class="datainput"> | |
<select id="wa_select"> | |
<option hidden='hidden' value='default'>Select Option</option> | |
<option value="1" selected='selected'>Tanya CS</option> | |
<option value="2">Kunjungan</option> | |
<option value="3">Kerjasama</option> | |
<option value="4">Dukungan Garansi</option> | |
</select> | |
</div> | |
<div class="datainput"> | |
<textarea id='wa_textarea' placeholder='' maxlength='5000' row='1' required=""></textarea> | |
<span class="highlight"></span><span class="bar"></span> | |
<label>Isi Pesan</label> | |
</div> | |
<a class="send_form" href="javascript:void" type="submit" title="Send to Whatsapp">Send to Whatsapp</a> | |
<div id="text-info"></div> | |
</form> | |
</div> | |
</div> | |
</div> | |
<script> | |
$(document).on('click','.send_form', function(){ | |
var input_blanter = document.getElementById('wa_email'); | |
/* Whatsapp Settings */ | |
var walink = 'https://web.whatsapp.com/send', | |
phone = '62856xxxxxx', | |
walink2 = 'Halo saya mengirim whatsapp dari website www.aksaraoptik.com ', | |
text_yes = 'Terkirim.', | |
text_no = 'Isi semua Formulir lalu klik Send.'; | |
/* Smartphone Support */ | |
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { | |
var walink = 'whatsapp://send'; | |
} | |
if("" != input_blanter.value){ | |
/* Call Input Form */ | |
var input_select1 = $("#wa_select :selected").text(), | |
input_name1 = $("#wa_name").val(), | |
input_email1 = $("#wa_email").val(), | |
input_number1 = $("#wa_number").val(), | |
input_textarea1 = $("#wa_textarea").val(); | |
/* Final Whatsapp URL */ | |
var blanter_whatsapp = walink + '?phone=' + phone + '&text=' + walink2 + '%0A%0A' + | |
'*Nama* : ' + input_name1 + '%0A' + | |
'*Email* : ' + input_email1 + '%0A' + | |
'*Select Option* : ' + input_select1 + '%0A' + | |
'*Isi Pesan* : ' + '%0A' + input_textarea1 + '%0A'; | |
/* Whatsapp Window Open */ | |
window.open(blanter_whatsapp,'_blank'); | |
document.getElementById("text-info").innerHTML = '<span class="yes">'+text_yes+'</span>'; | |
} else { | |
document.getElementById("text-info").innerHTML = '<span class="no">'+text_no+'</span>'; | |
} | |
}); | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment