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>
Uso: destacar la Transferencia SEPA (Inicio de pago)
A continuación, se muestra un ejemplo para el modo de pago Transferencia SEPA (Inicio de pago) en modo lista con tarjeta incrustada.
Para más información, puede utilizarCSS Flexboxpara crear el diseño de su página y colocar correctamente los botones de forma 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-card-form-expanded kr-form-token="[GENERATED FORMTOKEN]"></div> <div class="kr-smart-button" kr-payment-method="IP_WIRE">Payer avec sa banque</div> </div> </body>