Destacar un modo de pago
Puede destacar varios pagos sin importar el modo de presentación elegido:
Esta función le permite colocar el botón de un modo de pago donde desee en su página.
Integración
- Utilice la clase kr-smart-button ;
- Agregar el atributo kr-payment-method para elegir un medio de pago.
Consulte la tabla de valores del atributo kr-método-de-pago.
Ejemplo de código
<!-- DIV select payment method -->
<div class="kr-smart-button" kr-payment-method="[SELECTED PAYMENT METHOD]"></div>Caso de uso: destacar el medio de pago PSE
A continuación se ilustra el medio de pago PSE en modo lista (presentación por defecto).
Para más información, puede utilizarCSS Flexboxpara crear su diseño y posicionar correctamente el botón de pago.
Para más información, consulte el siguiente enlace:CSS Flexbox.
. Ejemplo de código:
<head>
(...)
<!-- link Bootstrap -->
</head>
<style type="text/css">
/*Flexbox direction row*/
.container {
display: flex;
flex-direction: row !important;
}
/*Change the button : width, border*/
.container .kr-smart-button {
width : 75% !important;
border-style: solid;
border-color: orange;
}
/*Gap between the container and the div*/
.container>div {
margin: 0 100px;
flex: 1;
}
</style>
<body>
<!-- payment form -->
<div class="container">
<div class="kr-smart-form" kr-form-token="[GENERATED FORMTOKEN]"></div>
<div class="kr-smart-button" kr-payment-method="PSE"></div>
</div>
</body>