Migración del formulario incrustado de pago con tarjeta al formulario incrustado smartForm

Objetivo

• Migrar del formulario incrustado de pago con tarjeta al formulario incrustado smartForm

I. Elija el modo de visualizació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
• modo pop-in

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. Elecció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 de pagos: notificación instantánea

Se devuelve un objeto adicional al final del pago. Este objeto describe el medio de pago que utiliza el comprador:

• ObjetopaymentMethodDetails

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 objetopaymentMethodDetailseste resultado:

"transactions":[
  {
  (...)
   "transactionDetails":{
      (...)
      "paymentMethodDetails":{
        "id":"497010XXXXXX0014",
        (...)
      },
    },
  },
 ],