Migración del formulario integrado (tarjetas) al formulario inteligente (smartForm)
Objetivo
- Migración del formulario integrado (tarjetas) al formulario inteligente (smartForm)
I. Elegir el modo de presentación
Esta etapa permite definir el modo de presentación del formulario inteligente (smartForm) según la implementación de su formulario de pago actual. Elija su modo de implementación:
Modo incrustado
Reemplace en su código:
<div class="kr-embedded" kr-form-token="GENERATED TOKEN">
por
<div class="kr-smart-form" kr-form-token="GENERATED TOKEN">
El formulario se muestra en modo lista si la tienda tiene medios de pago compatibles (enlace a Lista de medios de pago compatibles ).
Si la tienda dispone **solamente** del pago con tarjeta, el formulario se muestra directamente con los campos incrustados.
Modo pop-in
Reemplace en su código:
<div class="kr-embedded" kr-popin kr-form-token="[GENERATED FORMTOKEN]">
por
<div class="kr-smart-form" kr-popin kr-form-token="[GENERATED FORMTOKEN]">
Al hacer clic en el botón de pago, se muestra una ventana contextual con todos los medios de pago compatibles.
II. Selección del tema
El tema material es incompatible con el formulario smartForm, asegúrese de no utilizarlo.
Si lo utiliza, sustitúyalo en su código:
src="https://static.payzen.eu/static/js/krypton-client/V4.0/ext/material.js">
<link rel="stylesheet" href="https://static.payzen.eu/static/js/krypton-client/V4.0/ext/material-reset.css">
por
src="https://static.payzen.eu/static/js/krypton-client/V4.0/ext/neon.js">
<link rel="stylesheet" href="https://static.payzen.eu/static/js/krypton-client/V4.0/ext/neon-reset.min.css">
Si quiere saber más sobre el tema, haga clic en el enlace Temas.
Personalización avanzada
Si personalizó el formulario incrustado, haga clic en el enlace "Personalización avanzada ". Esta página explica la personalización del nuevo formulario de pago.
- Por ejemplo: sustituya en su CSS el nombre de clase :
class="kr-embedded"
porclass="kr-smart-form"
III. Análisis del pago - Notificación instantánea
Se devuelve un objeto adicional al final del pago. Este objeto describe el medio de pago que utiliza el comprador:
- Objeto
paymentMethodDetails
Puede ignoralo si lo desea. No es obligatorio considerarlo. Puede conservar la implementación actual si gestiona la notificación instantánea al final del pago (IPN).
Por ejemplo,
si lo utiliza con "VISA" TEST cardpan(número de tarjeta) "4970 1000 0000 0014", tendrá en el objetopaymentMethodDetails
este resultado:
"transactions":[ { (...) "transactionDetails":{ (...) "paymentMethodDetails":{ "id":"497010XXXXXX0014", (...) }, }, }, ],