Chat Whatsapp
<!-- awal chat whatsapp -->
<style>
p.judul-form {margin: 0;padding: 15px;font-size: 22px;text-align: center;font-weight: bold;background: #2ecc71;color: #fff;}
.body-form {padding: 14px;display: flex;flex-wrap: wrap;width: 100%;box-sizing: border-box;}
.form-input {border: 1px solid #ddd;border-radius: 3px;line-height: 32px;padding: 0 10px;box-shadow: inset 0 0 2px rgba(0,0,0,0.1);}
.form-input:focus {border: 1px solid green;}
.form-input.setengah {width: 48%;margin: 1%;margin-bottom: 10px;}
.form-input.fullwidth {width: 98%;resize: none;min-height: 40px;margin: 1%;}
.form-input.fullwidth2 {width: 98%;resize: none;min-height: 150px;margin: 1%;}
.check-teks {margin:5px 5px 0 5px;font-size:14px;}
a.submit {line-height: 24px;padding: 10px 15px;width: 100%;max-width: 200px;text-align: center;background: #2ecc71;margin: 14px auto 0 auto;display: block;color: #fff;border-radius: 3px;cursor: pointer;}
a:hover.submit {background: green;}
.tombol{width: 100%;}
@media (max-width: 600px)
{.form-input.setengah {width: 100%;margin: 0;margin-bottom: 10px;}.form-input.fullwidth2,.form-input.fullwidth {width: 100%;margin: 0;margin-bottom: 10px;}}
</style>
<div class='oke'>
<div id='whatsapp'>
<div class='body-form kecil'>
<input class='nomorwa' type='hidden' value='085200000285'/>
<input class='nama form-input setengah' type='hidden' placeholder=' Nama Lengkap' type='text'/>
<p class='tombol'><a class='submit'><i aria-hidden="true" class="fa fa-whatsapp"></i> Kirim Pesan WhatsApp</a></p>
</div>
</div>
</div>
<script type='text/javascript'>
$('#whatsapp .submit').click(WhatsApp);
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
function WhatsApp() {
var ph = '';
if ($('#whatsapp .nama') == '') {
return false;
} else {
if (!confirm("Tekan Oke jika sudah menginstall whatsapp")) {
window.open("https://www.whatsapp.com/download/");
} else {
// Check Device (Mobile/Desktop)
var url_wa = 'https://web.whatsapp.com/send';
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
url_wa = 'whatsapp://send/';
}
// Get Value
var nomorwa = $('#whatsapp .nomorwa').val(),
via_url = location.href,
nama = $('#whatsapp .nama').val(),
alamat = $('#whatsapp .alamat').val(),
kelurahan = $('#whatsapp .kelurahan').val(),
kecamatan = $('#whatsapp .kecamatan').val(),
kabupaten = $('#whatsapp .kabupaten').val(),
provinsi = $('#whatsapp .provinsi').val(),
kodepos = $('#whatsapp .kodepos').val(),
produk = $('#whatsapp .produk').val(),
jumlah = $('#whatsapp .jumlah').val(),
email = $('#whatsapp .email').val(),
tanggal = $('#whatsapp .tanggal').val(),
checkbox = $('#whatsapp .checkbox').val(),
pesan = $('#whatsapp .pesan').val();
$(this).attr('href', url_wa + '?phone=62 ' + nomorwa + '&text=Assalamu Alaikum Wr Wb, %0AHai Admin Armaila.com. %0ASaya ingin bertanya lebih lanjut tentang informasi yang ada di: ' + nama + '%0A%0A ' + via_url);
var w = 960,
h = 540,
left = Number((screen.width / 2) - (w / 2)),
tops = Number((screen.height / 2) - (h / 2)),
popupWindow = window.open(this.href, '', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=1, copyhistory=no, width=' + w + ', height=' + h + ', top=' + tops + ', left=' + left);
popupWindow.focus();
return false;
}
}
}
</script>
<!-- akhir chat whatsapp -->
