Voucher - Comprobante de pago
El voucher o comprobante de pago, es el estilo del email que se envía al correo electrónico tanto del usuario final o tarjetahabiente o el comercio.
Como activar esta funcionalidad, dentro de la configuración del sitio, se debe editar el sitio, en el apartado de “Datos funcionamiento consola” están los campos de auto enviar, email y autoenviar copia al comercio. El primero asegura que al tarjetahabiente o “payer” se le va a enviar un correo con el comprobante. El segundo asegura que va a llegar el mismo voucher al correo asociado a “Email notificaciones” dentro de la configuración del sitio
Debemos poner las imagenes que vamos a utilizar para el voucher en el gestor de archivos:
Luego para poder editar el comprobante de pago se debe seleccionar en el sitio respectivo la opción de editar sitio e ir al voucher personalizado y poner el link de donde está guardado la imagen (color amarillo) si se desea cambiar el tamaño se usa el atributo "height" y "width"
Luego de ingresar la imagen del header del vocuher y del footer le damos clip en aceptar y nos reflejara lo siguiente:
Al darle click en la palabra PREVIEW nos mostrará el voucher personalizado:
CODIGO:
<style>
@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);
.font-sans {
font-family: 'Inter', sans-serif;
}
th img {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url(https://placetopay-static-test-bucket.s3.us-east-2.amazonaws.com/placetopay-ec/sites/S-00001564/Diseno-sin-titulo-4-4.jpg) no-repeat;
background-size: contain;
height: 100px;
padding-left: 100%;
}
td table {
border-radius: 20px;
}
table {
background: #F4F4F5;
}
tr td a img {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url(https://placetopay-static-test-bucket.s3.us-east-2.amazonaws.com/placetopay-ec/sites/S-00001564/my24-nissan-gt-r-22-1673533860.jpg) no-repeat;
background-size: contain;
height: 180px;
width: 100%;
padding-left: 100%;
}
#Additional a {
text-decoration: none;
font-weight: bold;
}
a[href='https://www.placetopay.com'] {
pointer-events: none;
cursor: default;
}
</style>