Panduan Instal Template Company Landing | Themeindo

Panduan Instal Template Company Landing

UPLOAD TEMA
Panduan Instal Template Company Landing

KETERANGAN
Untuk Panduan Instal Template Silahkan Buka Folder Panduan, Disana Saya sudah lampirkan Vidio Panduan Instal Template Blogspot Landing Page Ada pada Nomor 2

COVER

Panduan Instal Template Company Landing
KETERANGAN
Silahkan Masuk Ke  Tata Letak Untuk Edit Cover


FEATURED
Panduan Instal Template Company Landing
KETERANGAN
Silahkan Masuk ke Tata Letak dan ada pada Baris Ke 2 Dari Cover

FEATURED 2
KETERANGAN
Masih sama Di Tata Letak ada pada baris ke 3 Features Silahkan Edit dan sesuaikan


FORMULIR WHATSAPP
Panduan Instal Template Company Landing
KETERANGAN
Untuk merubah setingan WhatsApp Formulir Silahkan Klik Disini

<!-- WA Conten -->
<div class='popup-wrapper' id='ThemeindoWhatsApp'>
<div class='popup-container'>
<div class='container-contact100'>
<div class='wrap-contact100'>
<h2 class='title-beli'>
<span class='data-form-title'>Formulir <b>WhatsApp</b></span>
<a class='closeWhatsApp' href='#closedWhatsApp'>&#215;</a>
</h2>
<div class='data-form validate-form' id='whatsapp'>
<!--=== form pesanan ===-->
<input class='tujuan' id='noAdmin' type='hidden'/>
<h3>Perlu Bantuan Hubungi kami..</h3>
<label class='formWhatsApp'>
<i class='fa fa-angle-down'></i>
<select class='paket wajib' placeholder='Paket'>
<option hidden='hidden' selected='selected' value='default'>Pilih Bantuan..</option>
<optgroup label='Bantuan?'>
<option value='Pasang Iklan'>Pasang Iklan</option>
<option value='Buat Landing Page'>Buat Landing Page</option>
<option value='Bantuan Lainnya'>Lainnya..</option>
</optgroup>
</select>
</label>
<h3>Isi Formulir ini</h3>
<div class='gridWhatsApp'>
<label class='item'>
<i class='fa fa-user-circle'></i>
<input class='nama wajib' placeholder='Nama..' type='text'/>
</label>
<label class='item'>
<i class='fa fa-envelope'></i>
<input class='email wajib' placeholder='Email..' type='text'/>
</label>
</div>
<br/>
<div class='gridWhatsApp'>
<label class='item'>
<i class='fa fa-whatsapp'></i>
<input class='nomor wajib' placeholder='WhatsApp..' type='tel'/>
</label>
<label class='item'>
<i class='fa fa-university'></i>
<input class='kota wajib' placeholder='Kota..' type='url'/>
</label>
</div>
<label class='formWhatsApp'>
<i class='fa fa-university'></i>
<textarea class='alamat wajib' placeholder='Alamat Lengkap'></textarea>
</label>
<h3>Tahu kami dari mana?</h3>
<label class='formWhatsApp'>
<i class='fa fa-angle-down'></i>
</label>
<label class='formWhatsApp'>
<i class='fa fa-angle-down'></i>
<select class='informasi wajib' placeholder='Informasi'>
<option hidden='hidden' selected='selected' value='default'>Jawaban anda</option>
<optgroup label='Tahu kami dari mana?'>
<option value='Google'>Google</option>
<option value='Facebook'>Facebook</option>
<option value='Email'>WhatsApp</option>
<option value='Instagram'>Instagram</option>
<option value='Email'>Email</option>
</optgroup>
</select>
</label>
<div class='sendWhatsApp'>
<div class='sendWAcolor'>
<div class='sendWAbuttom'></div>
<a class='sendWAclik submit' onclick='redirect(&#39;https://www.themeindo.com/&#39;)'>Send Messange</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<script>
//<![CDATA[
$('#noAdmin').val('0812-9438-1600');
$('.whatsapp-btn').click(function () {
$('#whatsapp').toggleClass('toggle');});
  // Onclick Whatsapp Sent!
  $('#whatsapp .submit').click(WhatsApp);
  $("#whatsapp input, #whatsapp textarea").keypress(function () {
   if (event.which == 13) WhatsApp();
  });
  var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
  function WhatsApp() {
   var ph = '';
   if ($('#whatsapp .paket').val() == '') { // Cek paket
    ph = $('#whatsapp .paket').attr('placeholder');
    alert('Silahkan pilih ' + ph);
    $('#whatsapp .paket').focus();
    return false;
   } else if ($('#whatsapp .nama').val() == '') { // Cek Nama
    ph = $('#whatsapp .nama').attr('placeholder');
    alert('Silahkan tulis ' + ph);
    $('#whatsapp .nama').focus();
    return false;
   } else if ($('#whatsapp .email').val() == '') { // Cek email
    ph = $('#whatsapp .email').attr('placeholder');
    alert('Silahkan tulis ' + ph);
    $('#whatsapp .email').focus();
                return false;
            } else if ($('#whatsapp .nomor').val() == '') { // Cek nomor
                ph = $('#whatsapp .nomor').attr('placeholder');
                alert('Silahkan tulis ' + ph);
                $('#whatsapp .nomor').focus();
    return false;
            } else if ($('#whatsapp .kota').val() == '') { // Cek kota
                ph = $('#whatsapp .kota').attr('placeholder');
                alert('Silahkan tulis ' + ph);
                $('#whatsapp .kota').focus();
    return false;
            } else if ($('#whatsapp .alamat').val() == '') { // Cek alamat
                ph = $('#whatsapp .alamat').attr('placeholder');
                alert('Silahkan tulis ' + ph);
                $('#whatsapp .alamat').focus();
    return false;
            } else if ($('#whatsapp .pembayaran').val() == '') { // Cek bayar
    ph = $('#whatsapp .pembayaran').attr('placeholder');
    alert('Silahkan pilih ' + ph);
    $('#whatsapp .pembayaran').focus();
    return false;
   } else if ($('#whatsapp .informasi').val() == '') { // Cek dari
    ph = $('#whatsapp .informasi').attr('placeholder');
    alert('Silahkan pilih ' + ph);
    $('#whatsapp .informasi').focus();
    return false;
   } 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 tujuan = $('#whatsapp .tujuan').val(),
     via_url = location.href,
                    paket = $('#whatsapp .paket').val(),
     nama = $('#whatsapp .nama').val(),
     email = $('#whatsapp .email').val(),
     nomor = $('#whatsapp .nomor').val(),
     kota = $('#whatsapp .kota').val(),
                    alamat = $('#whatsapp .alamat').val(),
                    pembayaran = $('#whatsapp .pembayaran').val(),
     informasi = $('#whatsapp .informasi').val();
    $(this).attr('href', url_wa + '?phone=62 ' + tujuan + '&text=' +
               ' %2ASaya perlu bantuan%2A: ' + paket + '%0A' +
               '_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _%0A%0A' +
               ' %0A%2ANama%2A: ' + nama + 
               ' %0A%2AEmail%2A: ' + email + 
               ' %0A%2ANomor WhatsApp%2A: ' + nomor + 
               ' %0A%2AKota%2A: ' + kota +
               ' %0A%2AKota%2A: ' + alamat + '%0A' +
               '_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _%0A%0A' +
               ' %0A%2AMetode Pembayaran%2A: ' + pembayaran + '%0A' +
               ' %0A%2ASaya dapat informasi dari%2A: ' + informasi + '%0A' + 
               ' %0A%2ADikirim VIA%2A ' + 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
Silahkan Ubah Nomor Yang saya Tandai Orange
Dan silahkan sesuaikan Text yang saya Tandau Merah
Panduan Selengkapnya Anda Bisa Lihat Pada Vidio Panduan Setting WhatsApp Formulir


WA LIVE CHAT


KETERANGAN
Untuk merubah Nama Dan Nomor Hp silahkan masuk ke Tema, Klik Edit HTML, Klik sembarang Di Kode, Kemudian Tekan CTRL+F lalu ketikan 81294381600 Klik Enter, Silahkan ganti Nomor saya Dengan Nomor Masing2, Lihat Gambar Di Bawah


<div class='hide' id='whatsapp-chat'>
<div class='home-chat'>
<!-- Info Contact Start -->
<div class='informasi'>
<div class='info-avatar'><img alt='Hendi Appstore' class='berputar' src='https://raw.githubusercontent.com/themeindocom/img-host/master/Admin.png' title='Hendi Appstore'/>
<span class='nime'/>
</div>
<div class='info-chat'>
<span class='chat-label'>Admin</span>
<span class='chat-text'>Welcome to Company Landing, if you have anything to ask please via our WhatsApp</span>
</div>
</div>

</div>
<div class='first-msg'>
<div class='box-msg'>
<span class='chat-nama'>Hendi Appstore</span>
<span class='chat-cript'>Hi there!</span>
<span>Hello, Can I help you?</span>
<div class='jamwa'>
<div id='hours'/>:<div id='minutes'/>
</div>
</div>
</div>
<div class='goomwhats'>
<div class='poptamv' id='konsultasi'>
<div class='formtamv formWA'>
<div class='boxmsg'>
<label><textarea class='pesan wajib' placeholder='Type a message'/></label>
</div>
<div id='btn-chat'>
<a class='submit' href='javascript:void;'>
<svg height='24' viewBox='0 0 24 24' width='24'><path d='M1.101 21.757L23.8 12.028 1.101 2.3l.011 7.912 13.623 1.816-13.623 1.817-.011 7.912z' fill='#263238' fill-opacity='.45'/></svg></a>
</div> 
</div>
</div> 
</div>
<a class='close-chat' href='javascript:void' title='close'><svg viewBox='0 0 413.348 413.348'><path d='m413.348 24.354-24.354-24.354-182.32 182.32-182.32-182.32-24.354 24.354 182.32 182.32-182.32 182.32 24.354 24.354 182.32-182.32 182.32 182.32 24.354-24.354-182.32-182.32z'/></svg></a>
</div>
<div class='nabil-live'>
<div class='box-live'>
<a href='javascript:void' title=''>
<span>Chat with WhatsApp</span>
<span class='svg'>
<svg viewBox='0 0 418.135 418.135'>
<path d='M198.929,0.242C88.5,5.5,1.356,97.466,1.691,208.02c0.102,33.672,8.231,65.454,22.571,93.536   L2.245,408.429c-1.191,5.781,4.023,10.843,9.766,9.483l104.723-24.811c26.905,13.402,57.125,21.143,89.108,21.631   c112.869,1.724,206.982-87.897,210.5-200.724C420.113,93.065,320.295-5.538,198.929,0.242z M323.886,322.197   c-30.669,30.669-71.446,47.559-114.818,47.559c-25.396,0-49.71-5.698-72.269-16.935l-14.584-7.265l-64.206,15.212l13.515-65.607   l-7.185-14.07c-11.711-22.935-17.649-47.736-17.649-73.713c0-43.373,16.89-84.149,47.559-114.819   c30.395-30.395,71.837-47.56,114.822-47.56C252.443,45,293.218,61.89,323.887,92.558c30.669,30.669,47.559,71.445,47.56,114.817   C371.446,250.361,354.281,291.803,323.886,322.197z' style='fill:#7AD06D;'/><path d='M309.712,252.351l-40.169-11.534c-5.281-1.516-10.968-0.018-14.816,3.903l-9.823,10.008   c-4.142,4.22-10.427,5.576-15.909,3.358c-19.002-7.69-58.974-43.23-69.182-61.007c-2.945-5.128-2.458-11.539,1.158-16.218   l8.576-11.095c3.36-4.347,4.069-10.185,1.847-15.21l-16.9-38.223c-4.048-9.155-15.747-11.82-23.39-5.356   c-11.211,9.482-24.513,23.891-26.13,39.854c-2.851,28.144,9.219,63.622,54.862,106.222c52.73,49.215,94.956,55.717,122.449,49.057   c15.594-3.777,28.056-18.919,35.921-31.317C323.568,266.34,319.334,255.114,309.712,252.351z' style='fill:#7AD06D;'/>
</svg>
</span>
</a> 
</div>
</div>

KETERANGAN
Silahkan Di Sesuaikan Link Warna Merah Gambar Admin
Dan yang lainnya yang saya tandai Warna Masing2 silahkan di sesuaikan,





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