Pengaturan Contact Form WhatsApp WinTheme | Themeindo

Pengaturan Contact Form WhatsApp WinTheme


Silahkan Buat Halaman Baru Di Blog masing masing, Copy semua kode yang Sudah anda download, Paste Semua Kode Kedalam halaman Pastikan Dalam Mode HTML Bukan Compose
<div class="oke fitur">
<div class='konten tengah border-abuabu melengkung lebar75'>
<h2 class="tebal"></h2>
<div id='whatsapp'>
<div class='body-form kecil'>
<input class='nomorwa' type='hidden' value='081294381600'/>
<input class='nama form-input setengah' placeholder='Nama Anda..' type='text'/>
<input class='email form-input setengah' placeholder='Alamat E-mail..' type='email'/>
<select class="bantuan form-input fullwidth">
  <option value="" disabled selected>Pilih Bantuan yang anda inginkan...</option>
  <option value="Pembelian Produk">Pembelian Produk</option>
  <option value="Cara Jual produk">Cara Jual produk</option>
  <option value="Join Member">Join Member</option> 
  <option value="Jasa Website">Jasa Website</option>
  <option value="Bantuan Lainnya">Bantuan Lainnya</option>                
</select>
<textarea class='pesan form-input fullwidth2' placeholder='Pesan tambahan'></textarea>
<a class='submit'><i aria-hidden="true" class="fa fa-envelope-open-o"></i>  Submit Messange</a>
</div>
</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').val() == '') {
        ph = $('#whatsapp .nama').attr('placeholder');
        alert('Silahkan tulis ' + ph);
        $('#whatsapp .nama').focus();
        return false;
    } else if ($('#whatsapp .email').val() == '') {
        ph = $('#whatsapp .email').attr('placeholder');
        alert(ph + ' Harus Diisi');
        $('#whatsapp .email').focus();
        return false;
    } else if (reg.test($('#whatsapp .email').val()) == false) { 
        alert('Maaf, Alamat E-mail tidak valid.');
        $('#whatsapp .email').focus();
         return false;
   } else if ($('#whatsapp .bantuan').val() == '') {
        ph = $('#whatsapp .bantuan').attr('placeholder');
        alert('Anda harus memilih ' + ph);
        $('#whatsapp .bantuan').focus();
        return false;
    } else if ($('#whatsapp .pesan').val() == '') {
        ph = $('#whatsapp .pesan').attr('placeholder');
        alert('tuliskan ' + ph);
        $('#whatsapp .pesan').focus();
        return false;
    } else {
        if (!confirm("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(),
                    bantuan = $('#whatsapp .bantuan').val(),
                    email = $('#whatsapp .email').val(),
                    pesan = $('#whatsapp .pesan').val();
               $(this).attr('href', url_wa + '?phone=62 ' + nomorwa + '&text=Halo, Admin.%0ASaya perlu bantuan:%0A%0ANama: ' + nama + '%0AEmail: ' + email + '%0ABantuan: ' + bantuan + '%0Acatatan: ' + pesan + '%0A%0Avia ' + 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> 
KETERANGAN:
Ubah Nomor Handphone Masing masing yang saya tandai warna Merah
Dan yang saya tandai warna Orange Silahkan Ubah Sesuai Kebutuhan
Pastikan yang anda ubah yang saya tandai, jangan melewati warna

Contoh: Halo, Admin.%0ASaya perlu bantuan ( Anda cukup ubah Halo, Admin Saya perlu bantuan )
Jadi Kode %0A Tidak usah di ubah

WA LIVE


KETERANGAN:
Silahkan Masuk Ke Blogger
  • Tema
  • Edit HTML
Kemudian Klik Sembarang pada kode HTML Lalu Tekan CTRL+F Ketikan 81294381600 Tekan Enter, Jika ketemu silahkan Ubah dengan Nomor Masing2, Lihat pada Gambar Di Bawah Letak Nomor WA Live


Silahkan Di Ubah Nomor Hp Dan Tek pembuka yang saya tandai Kotak Merah Jika diperukan
Jika sudah silahkan Klik Simpan/Perbarui




Panduan Custom Domain Ke Blogspot

Panduan Membuat Sub Domain Blogspot


WARNING!

Dilarang memperjual belikan Template atau memberikan secara langsung, menjadikan bonus Jika anda membeli License Personal, Namun jika memang anda ingin menjual ulang, instal di web client anda bisa order License Developer.

+62812-9438-1600

themeindocom@gmail.com

Penyedia Template And Premium
Copyright 2020 © THEMEINDO
Back to Top