Calcular la tarifa de una transacción es fácil. Solo debes elegir un Tipo de Pago e indicar el Valor por transacción.
function cal(e){var o=document.f.Valt.value.replace(/\./g,””);if(isNaN(o)?e.value=e.value.replace(/[^\d\.]*/g,””):document.f.Valt.value=new Intl.NumberFormat([“ban”,”id”]).format(o),”1″==document.f.Formapago.value){Total=o,TotalD=Total.replace(/./g,””);var a=o;c=a/1.19,iva=c*0.19,(new Intl.NumberFormat).format(c),console.log(c),console.log((new Intl.NumberFormat).format(c)),comision=.0349*(c+iva)+800,ivacom=.19*comision,Tcomisio=comision+ivacom,RetencionRen=.015*c,Retencionica=.00414*c,Retencioniva=.15*iva,TotalRete=RetencionRen+Retencionica+Retencioniva,Totalreycom=Tcomisio+TotalRete,inicio=”,”,document.f.Bas.value =new Intl.NumberFormat([“ban”, “id”]).format(c),document.f.Iva.value=new Intl.NumberFormat([“ban”,”id”]).format(iva),document.f.comPU.value=new Intl.NumberFormat([“ban”,”id”]).format(comision),document.f.IvCom.value=new Intl.NumberFormat([“ban”,”id”]).format(ivacom),document.f.Tcom.value=new Intl.NumberFormat([“ban”,”id”]).format(Tcomisio),document.f.Retre.value=new Intl.NumberFormat([“ban”,”id”]).format(RetencionRen),document.f.RetICA.value=new Intl.NumberFormat([“ban”,”id”]).format(Retencionica),document.f.RetIVA.value=new Intl.NumberFormat([“ban”,”id”]).format(Retencioniva),document.f.TotlaRe.value=new Intl.NumberFormat([“ban”,”id”]).format(TotalRete),document.f.TotlaReycom.value=new Intl.NumberFormat([“ban”,”id”]).format(Totalreycom)}else if(“2″==document.f.Formapago.value){Total=o,TotalD=Total.replace(/./g,””);var a=o;c=a/1.19,iva=c*0.19,(new Intl.NumberFormat).format(c),console.log(c),console.log((new Intl.NumberFormat).format(c)),comision=.0279*(c+iva)+900,ivacom=.19*comision,Tcomisio=comision+ivacom,RetencionRen=.015*c,Retencionica=.00414*c,Retencioniva=.15*iva,TotalRete=RetencionRen+Retencionica+Retencioniva,Totalreycom=Tcomisio+TotalRete,inicio=”,”,document.f.Bas.value =new Intl.NumberFormat([“ban”, “id”]).format(c),document.f.Iva.value=new Intl.NumberFormat([“ban”,”id”]).format(iva),document.f.comPU.value=new Intl.NumberFormat([“ban”,”id”]).format(comision),document.f.IvCom.value=new Intl.NumberFormat([“ban”,”id”]).format(ivacom),document.f.Tcom.value=new Intl.NumberFormat([“ban”,”id”]).format(Tcomisio),document.f.Retre.value=new Intl.NumberFormat([“ban”,”id”]).format(RetencionRen),document.f.RetICA.value=new Intl.NumberFormat([“ban”,”id”]).format(Retencionica),document.f.RetIVA.value=new Intl.NumberFormat([“ban”,”id”]).format(Retencioniva),document.f.TotlaRe.value=new Intl.NumberFormat([“ban”,”id”]).format(TotalRete),document.f.TotlaReycom.value=new Intl.NumberFormat([“ban”,”id”]).format(Totalreycom)}else if(“3″==document.f.Formapago.value){Total=o,TotalD=Total.replace(/./g,””);a=o;c=a/1.19,iva=c*0.19,comision=.0349*a+900,ivacom=.19*comision,Tcomisio=comision+ivacom,RetencionRen=0,Retencionica=0,Retencioniva=0,TotalRete=RetencionRen+Retencionica+Retencioniva,Totalreycom=Tcomisio+TotalRete,document.f.Bas.value=new Intl.NumberFormat([“ban”,”id”]).format(c),document.f.Iva.value=new Intl.NumberFormat([“ban”,”id”]).format(iva),document.f.comPU.value=new Intl.NumberFormat([“ban”,”id”]).format(comision),document.f.IvCom.value=new Intl.NumberFormat([“ban”,”id”]).format(ivacom),document.f.Tcom.value=new Intl.NumberFormat([“ban”,”id”]).format(Tcomisio),document.f.Retre.value=new Intl.NumberFormat([“ban”,”id”]).format(RetencionRen),document.f.RetICA.value=new Intl.NumberFormat([“ban”,”id”]).format(Retencionica),document.f.RetIVA.value=new Intl.NumberFormat([“ban”,”id”]).format(Retencioniva),document.f.TotlaRe.value=new Intl.NumberFormat([“ban”,”id”]).format(TotalRete),document.f.TotlaReycom.value=new Intl.NumberFormat([“ban”,”id”]).format(Totalreycom)}if(Totalreycom<2900){var Totalmenos=2900; document.f.TotlaReycom.value=new Intl.NumberFormat(["ban","id"]).format(Totalmenos)}}
/*Estilos Div General*/
.General{
background-color: #FFFF;
height: 30em;
width: 50em;
margin-left:5em;
margin-top:5em;
border-radius:30px;
border-style:solid;
border-width:thin;
border-color:#A4A4A4;
box-sizing: content-box;
margin: auto;
margin-left: -10%;
}
/*Div Valor Total*/
@font-face {
font-family: “AmpleSoft Bold”;
src: url(“https://e-commerce.payulatam.com/hubfs/Storage/Font/AmpleSoft%20Bold.otf”);
}
@font-face {
font-family: “AmpleSoft”;
src: url(“https://e-commerce.payulatam.com/hubfs/Storage/Font/AmpleSoft.otf”);
}
@font-face {
font-family: “AmpleSoft-Regular”;
src: url(“https://e-commerce.payulatam.com/hubfs/AmpleSoft-Regular.otf”);
}@font-face {
font-family: “AmpleSoft-Medium”;
src: url(“https://e-commerce.payulatam.com/hubfs/Storage/Font/AmpleSoft%20Medium.otf”);
}
p.valT{
color:#FFFF;
text-align: center;
margin-top: -1.4em;
font-family: “AmpleSoft-Regular”;
}
.general{
margin-top:-4em;
width: 16em;
height: 6em;
background: transparent linear-gradient(180deg, #98CA90 0%, #2F8C4F 100%) 0% 0% no-repeat padding-box;
border-radius: 11px;
margin-left:18em;
padding-bottom: 8px;
}
/*input*/
.inpt{
font-size:0.9em;
color:#A3A8A2;
font-family: “AmpleSoft-Regular”;
background: rgba(0, 0, 0, 0);
border: none;
outline: none;
width:12em;
}
.inpt1 {
font-size: 1em;
font-family: “AmpleSoft-Regular”;
color: #FFFF !Important;
position: absolute;
background: rgba(0, 0, 0, 0);
border: none;
outline: none;
margin-top: 3.4em;
width: 8.5em;
margin-left: -10em;
}
.dentro{
color:#FFFF !important;
position: sticky;
top: 100%;
margin-left:10%;
font-family: “AmpleSoft Bold”;
}
.dentro2{
color:#FFFF !important;
position: sticky;
top: 100%;
margin-left:70%;
font-family: “AmpleSoft-Regular”;
}
/*Div tipo pago*/
.tipopago{
border-style:solid;
border-color:#A4A4A4;
width:22em;
height:5em;
margin-top:2em;
margin-left:2em;
border-width:thin;
font-family: “AmpleSoft-Regular”;
}
select.inpt {
font-family: “AmpleSoft-Regular”;
position: absolute;
color: #A4A4A4;
margin-top: 0.8em;
margin-left: 5em;
font-size: 1em;
}
p.tip{
font-family: “AmpleSoft-Regular”;
margin-left: 5em;
font-size:1.2em;
margin-top: 0.3em;
}
select.inpt {
width: 16em;
border-bottom: 1px solid #d9d9d9;
}
/*Imagen Forma Pago*/
img.icono{
position:absolute;
margin-left: 1em;
margin-top: 1.2em;
}
/*Div Base Gravable*/
.Base {
border-style:solid;
border-color:#A4A4A4;
width:22em;
height:5em;
border-width:thin;
margin-left: 26em;
margin-top: -5.13em;
}
p.base {
font-family: “AmpleSoft-Regular”;
margin-left: 4em;
margin-top: 0.3em;
}
/*IVA*/
p.Iva{
font-family: “AmpleSoft-Regular”;
margin-left:8em;
margin-top: 0.8em;
}
p.Descuento {
font-family: “AmpleSoft-Regular”;
margin-left: 5em;
font-weight: bold;
color:#A6C307;
font-family: “AmpleSoft Bold”;
}
/*Div PayU*/
.PAyU {
border-style: solid;
border-color: #A4A4A4;
width: 22em;
width: 20.8em;
border-width: thin;
margin-left: 2em;
margin-top: 3em;
border-left:20px solid #A6C307;
height:11em;
}
/*Retencion*/
.Reten {
border-style: solid;
border-color: #A4A4A4;
width: 20.8em;
height: 12em;
border-width: thin;
margin-left: 26em;
margin-top: -11.2em;
border-left:20px solid #71B55B;
height:11em;
}
/*Posicion de los Parrafos*/
p.des1 {
font-family: “AmpleSoft-Regular”;
font-size: 0.9em;
margin-left: 5.9em;
}
p.des2 {
font-family: “AmpleSoft-Regular”;
font-size: 0.9em;
margin-left: 4.2em;
}
p.des3 {
font-family: “AmpleSoft-Regular”;
font-size: 0.9em;
margin-left: 1.6em;
}
p.des4 {
font-family: “AmpleSoft-Regular”; font-size: 0.9em;
margin-left: 2.3em;
}
p.des5 {
font-family: “AmpleSoft-Regular”;
font-size: 0.9em;
margin-left: 4em;
}
p.des6 {
font-family: “AmpleSoft-Regular”;
font-size: 0.9em;
margin-left: 4em;
}
p.des7 {
font-family: “AmpleSoft-Regular”;
font-size: 0.9em;
margin-left: 3.2em;
}
p.Retenciones {
font-weight: bold;
color:#71B55B;
margin-left: 7em;
font-family: “AmpleSoft Bold”;
}
p.Val {
font-family: “AmpleSoft-Regular”;
margin-left: 1em;
font-size: 2em;
margin-top: 3em;
color: #FFE;
}
p.tot {
font-family: “AmpleSoft-Regular”;
margin-left: 35em;
margin-top: -4.3em;
}
/*input borde */
.inpt2{
font-family: “AmpleSoft-Regular”;
margin-top: 0.9em;
width: 8.2em;
color: #FFFF;
background: rgba(0, 0, 0, 0);
border: none;
outline: none;
font-size:2em;
margin-left: -2em;
}
.Total {
border-radius: 0em 0em 2em 2em;
background-color:#A6C307;
width: 50.2em;
height: 3.3em;
margin-left: -27.38em;
}
p.pesos {
font-family: “AmpleSoft Bold”;
margin-top: -2.2em;
font-size: 2em;
margin-left: 15em;
color: #FFF;
margin-top: -1.4em;
}
/*linea*/
hr {
position: absolute;
width: 11em;
margin-top: 3em;
margin-left: 1.8em;
}
.PAyU > p, .Reten > p {
margin-top: 8px;
}
@media screen and (max-width: 600px) {
/*Div valor Total*/
.general {
margin-top: -6em;
width: 17em;
height: 7em;
background: transparent linear-gradient(180deg, #98CA90 0%, #2F8C4F 100%) 0% 0% no-repeat padding-box;
border-radius: 30px;
margin-left: 2.7em;
}
/*Div general*/
.General {
border-radius: 30px;
margin-top: 10em;
height: 49em;
width: 23em;
margin-left: -1em;
}
/*Input valor total*/
p.valT {
font-size: 1.3em;
margin-top: -1.5em;
font-family: “AmpleSoft-Regular”;
}
/*Select tipo pago*/
.tipopago {
margin-left:1em;
width: 21em;
height: 6em;
}
/*Base Variable*/
.Base {
width: 21em;
height: 6em;
margin-top: 0.87em;
margin-left: 1em;
}
p.base {
font-family: “AmpleSoft-Regular”;
margin-left: 4em;
font-size: 1em;
margin-top: 1.6em;
}
/*Input Selección pago*/
select.inpt {
width: 14em;
margin-top: 1.2em;
margin-left: 4.4em;
font-size: 1em;
border-bottom: 4px solid #d9d9d9;
}
option{
font-size:1em;
}
p.tip {
font-family: “AmpleSoft-Regular”;
margin-left: 4em;
font-size: 1.2em;
margin-top: 0.5em;
}
/*Imagen tipo pago*/
img.icono {
width: 1.8em;
position: absolute;
margin-left: 1em;
margin-top: 1.5em;
}
/*Ubicación Iva */
p.Iva {
font-size: 1em;
font-family: “AmpleSoft-Regular”;
margin-top: 0.5em;
margin-left: 8.5em;
}
/*Descuentos PayU*/
.PAyU {
margin-left:1em;
margin-top: 1em;
width: 19.8em;
height: 10em;
}
/*Tamaño Desceuto*/
p.Descuento {
font-size: 1em;
}
/*Tamaño comisión*/
p.des1 {
margin-left: 5em;
font-size: 1em;
}
p.des2 {
margin-left: 3.4em;
font-size: 1em;
}
p.des3 {
margin-left: 0.2em;
font-size: 1em;
}
/* Tamaño Retenciones*/
.Reten {
margin-left: 1em;
margin-top: 1.8em;
width: 19.8em;
height: 12em;
}
p.Retenciones{
font-size:1em;
}
p.des4 {
margin-left: 0.6em;
font-size: 1em;
}
p.des5 {
margin-left: 3em;
font-size: 1em;
}
p.des6 {
margin-left: 3em;
font-size: 1em;
}
p.des7 {
margin-left: 1.6em;
font-size: 1em;
}
/*Total*/
.Total {
border-radius: 0em 0em 2em 2em;
width: 23.2em;
height: 4.3em;
margin-top: 6em;
margin-left: -2.3em;
margin-bottom: 2em;
}
.inpt2 {
font-size: 1.5em;
margin-top: 3em;
margin-left: -16.5em;
width: 5em;
}
p.tot {
font-family: “AmpleSoft-Regular”;
margin-left: 33em;
margin-top: -6em;
}
p.pesos {
margin-top: 0.5em;
font-size: 1em;
margin-left: 5em;
color: #FFF;
}
p.Val {
margin-left: 2em;
font-size: 1.3em;
}
.inpt1 {
font-size: 0.9em;
margin-top: 2.4em;
width: 9.7em;
margin-left: -10.3em;
}
p.dentro {
font-size: 1.6em;
margin-left: 0.5em;
}
p.dentro2 {
font-size: 1.5em;
margin-left: 80%;
}
.inpt {
width: 9.5em;
}
/*linea*/
hr {
position: absolute;
width: 13.4em;
margin-top: 2.8em;
margin-left: 1em;
}
p.cop {
color: #FFF;
font-size: 2em;
margin-left: 9em;
margin-top: -1.5em;
font-family: “AmpleSoft-Regular”;
}
$
COP
Valor por transacción
Tipo de pago
Selecciona una opcion
Tarjeta Crédito
Tarjeta Débito
Efectivo
Base gravable $
IVA $
Descuentos PayU
Comisión $
IVA Comisión $
Total Comisión PayU $
Retenciones
Retención de Renta $
Retención ICA $
Retención IVA $
Total retenciones $
Total Retenciones y Comisiones
$
¿Cómo se calculan las retenciones?
IVA: 19% Sobre la Base gravable.
Retención IVA: 15% sobre el IVA.
Retención de Renta: 1.5% sobre la Base gravable.
Retención ICA: 0.414% sobre la Base gravable.
Los pagos por medios de pago en efectivo no generan retenciones.