Presentación del formulario incrustado smartForm

Le formulaire embarqué (smartForm) vous permet d'intégrer un parcours de paiement fluide et de présenter plusieurs moyens de paiement.
El comprador completará el proceso de pago sin salir del sitio web comercial.

Cambios importantes en el formulario incrustado (tarjetas)

El formulario incrustado smartForm mejora el formulario incrustado de pago con tarjeta ofreciendo nuevas funcionalidades. Si desea migrar, haga clic aquí

Integración de nuevos medios de pago

El formulario integrado (smartForm) permite añadir fácilmente, sin necesidad de desarrollo, métodos de pago "sin tarjeta" (redireccionamiento, código QR, pago en efectivo, etc.) por ejemplo: Apple Pay...

Personalización con CSS y disponibilidad de varios temas

Personalice la apariencia de su formulario con hojas de estilo y con temas listos para usar disponibles en código open source.

Lista de medios de pago compatibles

Consulte la lista de medios de pago compatibles.

Casos de uso

Elegir el modo de visualización: lista / pop-in / lista con tarjeta incrustada

Modo lista

Descripción	Modo lista (por defecto)
Este modo muestra el botón de pago con tarjeta y los botones de los medios de pago compatibles en forma de lista.

Consulte este enlace paramás información.:modo lista

Modo pop-in

Descripción	Modo pop-in
Este modo muestra un solo botón que abre un pop-in con el botón de pago con tarjeta y los botones de los medios de pago compatibles.

Consulte este enlace paramás información.:modo pop-in

Modo lista con tarjeta incrustada

Descripción	Modo lista con tarjeta incrustada
Este modo muestra los campos incrustados para pagos con tarjeta y medios de pago compatibles.

Consulte este enlace paramás información.:modo lista con tarjeta incrustada

Destacar un modo de pago

Modo lista

Descripción	Modo lista (por defecto)
Aquí hay una ilustración para resaltar Paypal. Muestra un botón para pagos con tarjeta y otro para el medio de pago compatible que usted elija.

Consulte este enlace paramás información.:destacar un modo de pago.

Modo pop-in

Descripción	Modo pop-in
Aquí hay una ilustración para resaltar Paypal. Muestra un botón para pagos con tarjeta y otro para el modo de pago compatible que usted elija.

Consulte este enlace paramás información.:destacar un modo de pago.

Modo lista con tarjeta incrustada

Descripción	Modo lista con tarjeta incrustada
Aquí hay una ilustración para resaltar Paypal. Muestra un botón para pagos con tarjeta y otro para el medio de pago compatible que usted elija.

Consulte este enlace paramás información.:destacar un modo de pago.

Destacar varios medios de pago

Modo lista

Descripción	Modo lista con tarjeta incrustada
A continuación se muestra una ilustración para resaltar varios métodos de pago: Paypal y Apple Pay. Muestra los campos de pago con tarjeta y un botón para cada medio de pago compatible que se desee destacar.

Consulte este enlace paramás información.:destacar varios medios de pago

Modo pop-in

Descripción	Modo pop-in
A continuación se muestra una ilustración para resaltar varios métodos de pago: Paypal y Apple Pay. Muestra un botón para pagos con tarjeta y otro para cada medio de pago compatible que desee destacar.

Consulte este enlace paramás información.:destacar varios medios de pago

Modo lista con tarjeta incrustada

Descripción	Modo lista con tarjeta incrustada
Aquí hay una ilustración para resaltar varios métodos de pago. Muestra los campos de pago con tarjeta y un botón para cada medio de pago compatible que se desee destacar.

Consulte este enlace paramás información.:destacar varios medios de pago

Personalizar el formulario incrustado smartForm,

Ocultar los logotipos del pago con tarjeta

Ocultar los logotipos del pago con tarjeta
<body> <div class="kr-smart-form" kr-card-form-expanded kr-no-card-logo-header kr-form-token="[GENERATED FORMTOKEN]"> (...) </div> </body> Intregre la clase`kr-smart-form`y el parámetro`kr-no-card-logo-header`en la DIV que contiene el`formToken`. Al integrar este parámetro, el vendedor puede integrar sus logotipos para personalizar el formulario de pago.

Consulte este enlace paramás información.:Ocultar los logotipos del pago con tarjeta

Personalizar el diseño: ejemplo de alineamiento horizontal

Personalice el diseño

Personalice el diseño
<style type="text/css"> (...) /to use the CSS Flexbox (Flexible Box)/ .kr-smart-form .kr-embedded .flex-container { flex-direction: row !important; display: flex; } </style> <body> <div class="kr-smart-form" kr-card-form-expanded kr-form-token="[GENERATED FORMTOKEN]"> (...) </div> </div> </body> Intregre la clase`kr-smart-form`y el parámetro`kr-card-form-expanded`en la DIV que contiene el`formToken`. Para alinearde forma horizontallos campos del formulario incrustado, puede utilizar lasFlexbox en CSScon la propiedad`flex-direction`establecida enrow.

<style type="text/css">
    (...)
 /*to use the CSS Flexbox (Flexible Box)*/  
  .kr-smart-form .kr-embedded .flex-container {
    flex-direction: row !important;
    display: flex;
  }
  </style>
<body>
 <div class="kr-smart-form" kr-card-form-expanded kr-form-token="[GENERATED FORMTOKEN]">
  (...)
  </div>
</div>
</body>