Sharing Teknologi – Membuat Simulasi Kredit Bunga 0 Persen Di WordPress. Tanpa plugin dengan bermodalkan HTML, PHP dan Javascript yang cukup sederhana dan simple maka rekan-rekan bisa membuat kalkulator simulasi kredit di wordpress.

Simulasi berfungsi untuk menggambarkan berbagai macam kalkulasi pinjaman seperti kredit perumahan atau KPR, kredit mobil ataupun kredit individu dan untuk mengetahui jumlah cicilan.
Namun perusahaan pemberi kredit mungkin memiliki perhitungan lain atau kolom biaya lain yang berbeda. Oleh sebab itu maka silakan menghubungi perusahaan pemberi Kredit agar lebih jelas dan lengkap.
Kalkulator dibawah ini hanya gambaran secara umum saja yang mungkin nanti akan berbeda hasilnya dalam proses kredit yang sebenarnya.
Sebelumnya kami mengucapkan terima kasih kepada para pengunjung teknologi[dot]visitklaten[dot]com yang telah meluangkan waktunya untuk mengunjungi website kami yang masih banyak kekurangan ini. Kami menerima segala masukkan dan kritikan agar web dan diri kami menjadi lebih baik lagi.
Membuat Simulasi Kredit Bunga 0 Persen
Dan simulasi kredit dibawah ini adalah flat dan rumusnya seperti ini.
a = pokok pinjaman
b = suku bunga per tahun
c = lama kredit dalam bulan
d = uang muka
Maka:
Cicilan pokok per bulan = (a-d) / c
Bunga per bulan = (a-d) x b / 12
Total bunga yang harus dibayar atau angsuran perbulan = (a-d) x b / 12 x c
Langkah Pertama, silakan copas saja kode dibawah ini dan dalam hal ini kami buat dalam fungsi shortcode sehingga bisa diletakkan dimanapun yang diinginkan. Kode dibawah ini silakan copas di functions.php .
Kode dibawah ini bisa dikembangan lagi sekiranya lebih menarik atau sesuai keperluan.
function kpr_nonbunga() {
ob_start(); ?>
<div class="kpr-frame">
<form>
<label>Harga</label>
<input type="number" class="form-control mb-2" id="harga" placeholder="Contoh: 800000000" required>
<label>DP</label>
<input type="number" class="form-control mb-2" id="dp" placeholder="Contoh: 1000000" required>
<label>Jangka Waktu (Tahun) </label>
<input type="number" class="form-control mb-2" id="tenor" placeholder="Contoh: 10" required>
<label>Suku Bunga /tahun (%)</label>
<input type="number" readonly class="form-control" id="bunga" value="0" required>
<label></label>
<button id="hitungsimulasi" class="btn btn-outline-primary btn-lg btn-block">Hitung</button>
</form>
<script>
jQuery(function($) {
function convertToRupiah(angka)
{
var rupiah = '';
var angkarev = angka.toString().split('').reverse().join('');
for(var i = 0; i < angkarev.length; i++) if(i%3 == 0) rupiah += angkarev.substr(i,3)+'.';
return 'Rp. '+rupiah.split('',rupiah.length-1).reverse().join('');
}
$("#hitungsimulasi").click(function(event) {
var harga = $('#harga').val();
var tenor = $('#tenor').val();
var tenortahun = tenor*12;
var bunga = $('#bunga').val();
var dp = $('#dp').val();
var kurang = +harga - +dp;
var cicilpokok = +kurang / tenortahun;
var rpbunga = +kurang*((bunga/100)/12);
var bungadibayar = +kurang*((bunga*tenor)/100);
var angsuran = (kurang+bungadibayar)/tenortahun;
var totaldp = + dp + +angsuran;
var tpinjaman = '<div class="alert alert-dark" role="alert"> Total Pinjaman: '+ convertToRupiah(Math.round(kurang)) +'</div>';
var cicilanpokok = '<div class="alert alert-dark" role="alert"> Cicilan Pokok: '+ convertToRupiah(Math.round(cicilpokok)) +'</div>';
var bungarp = '<div class="alert alert-dark" role="alert">Bunga: '+convertToRupiah(Math.round(rpbunga))+'</div>';
var tuangmuka = '<div class="alert alert-dark" role="alert">Total DP + Cicilan Pertama: '+convertToRupiah(Math.round(totaldp))+'</div>';
var tangsuran = '<div class="alert alert-info" role="alert">Angsuran per bulan<br><b>'+convertToRupiah(Math.round(angsuran))+'</b> <small> *selama '+tenor+' tahun ('+tenortahun+' Bulan)</small></div>';
if(!harga){
$('.hasilhitung').html('<div class="alert alert-warning" role="alert">Harga belum Diisi.</div>');
} else if (!dp){
$('.hasilhitung').html('<div class="alert alert-warning" role="alert">Tentukan DP. Contoh 80.000.000</div>');
} else if (!bunga) {
$('.hasilhitung').html('<div class="alert alert-warning" role="alert">Tentukan Bunga. Contoh 10</div>');
} else {
$('.hasilhitung').html('<div class="">'+ tpinjaman + cicilanpokok + bungarp + tuangmuka + tangsuran + '</div>');
}
event.preventDefault();
});
});
</script>
<div class="hasilhitung mt-3"></div>
</div>
<?php return ob_get_clean();
}
add_shortcode('kprnonbunga', 'kpr_nonbunga');
Kedua, Jika sudah dicopas maka langkah selanjutnya adalah copas shortcode dibawah ini dimanapun yang diinginkan dengan menghapus tanda # .
[#kprnonbunga#]
Ketiga, Hasilnya nanti kurang lebih akan seperti ini
Setelah mengisi di field yang telah disediakan silakan klik tombol hitung maka nanti akan muncul rinciannya.
Terima kasih telah mengunjungi website kami.
Share jika bermanfaat, jika ada kritik, tambahan, pertanyaan atau saran silakan hubungi kami atau silakan isi di kolom komentar.
Komentar