Skip to content

Instantly share code, notes, and snippets.

@uiaciel
Created December 14, 2022 11:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save uiaciel/55a4520d40d1daecf260838d72fa9d05 to your computer and use it in GitHub Desktop.
Save uiaciel/55a4520d40d1daecf260838d72fa9d05 to your computer and use it in GitHub Desktop.
Form html mengarah ke whatsapp
<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