Saltar al contenido principal

Pago

Esta casuística permite a los usuarios realizar un pago utilizando los datos de su tarjeta de crédito o débito. El usuario proporciona la información de la tarjeta, como el número, la fecha de vencimiento y el código de seguridad, para completar la transacción y procesar el pago.

Objetivo​

Aprenderás a:

  • Crear el objeto de configuración
  • Inicializar el formulario de pago.
  • Mostrar el Checkout.
  • Ejemplo de respuesta.

1. Creando el objeto de configuración​

const iziConfig = {
 config: {
   ...,
   action: 'pay',
   ...
 }
};

2. Instanciando la clase​

const checkout = new Izipay({ config: iziConfig });

3. Mostrando el checkout​

const callbackResponsePayment = (response) => console.log(response);

try {
  checkout &&
    checkout.LoadForm({
      authorization: 'TU_TOKEN_SESSION',
      keyRSA: 'TU_KEY_RSA',
      callbackResponse: callbackResponsePayment,
    });
} catch (error) {
  console.log(error.message, error.Errors, error.date);
}

4. Respuesta​

Cada método de pago cuenta con su propia respuesta y aquí te mostramos un ejemplo de cada uno, los cuales se enviarán al comercio después de completar el flujo.

{
    "code": "00",
    "message": "OK",
    "messageUser": "Operación exitosa",
    "messageUserEng": "Successful",
    "response": {
      "payMethod": "CARD",
      "order": [
        {
          "payMethodAuthorization": "CARD",
          "codeAuth": "812643",
          "currency": "PEN",
          "amount": "1.25",
          "installment": "00",
          "deferred": "0",
          "orderNumber": "ONTEST170542360",
          "stateMessage": "Autorizado",
          "dateTransaction": "20240116",
          "timeTransaction": "114711",
          "uniqueId": "0116164711812643",
          "referenceNumber": "6178410"
        }
      ],
      "card": {
        "brand": "DN",
        "pan": "361006**5158",
        "save": "false"
      },
      "billing": {
        "firstName": "Juan",
        "lastName": "Wick",
        "email": "jwick@izi.com",
        "phoneNumber": "989339999",
        "street": "calle el demo",
        "city": "lima",
        "state": "lima",
        "country": "PE",
        "postalCode": "00001",
        "documentType": "DNI",
        "document": "10252022",
        "companyName": ""
      },
      "merchant": {
        "merchantCode": "5498631",
        "facilitatorCode": ""
      },
      "token": {
        "merchantBuyerId": "mc1991",
        "cardToken": "",
        "alias": ""
      },
      "authentication": {
        "result": ""
      },
      "customFields": [
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        ""
      ]
    },
    "payloadHttp": "{\"code\":\"00\",\"message\":\"OK\",\"messageUser\":\"Operación exitosa\",\"messageUserEng\":\"Successful\",\"transactionId\":\"170542360395800\",\"response\":{\"payMethod\":\"CARD\",\"order\":[{\"payMethodAuthorization\":\"CARD\",\"codeAuth\":\"812643\",\"currency\":\"PEN\",\"amount\":\"1.25\",\"installment\":\"00\",\"deferred\":\"0\",\"orderNumber\":\"ONTEST170542360\",\"stateMessage\":\"Autorizado\",\"dateTransaction\":\"20240116\",\"timeTransaction\":\"114711\",\"uniqueId\":\"0116164711812643\",\"referenceNumber\":\"6178410\"}],\"card\":{\"brand\":\"DN\",\"pan\":\"361006**5158\",\"save\":\"false\"},\"billing\":{\"firstName\":\"Test\",\"lastName\":\"Test\",\"email\":\"jwick@izi.com\",\"phoneNumber\":\"989339999\",\"street\":\"calle el demo\",\"city\":\"lima\",\"state\":\"lima\",\"country\":\"PE\",\"postalCode\":\"00001\",\"documentType\":\"DNI\",\"document\":\"10252022\",\"companyName\":\"\"},\"merchant\":{\"merchantCode\":\"5498631\",\"facilitatorCode\":\"\"},\"token\":{\"merchantBuyerId\":\"mc1991\",\"cardToken\":\"\",\"alias\":\"\"},\"authentication\":{\"result\":\"\"},\"customFields\":[\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\"]}}",
    "signature": "x9SIjZIy1XeRjPDjiblsjtjR1tUyKpY6BCxCJsXWO1k=",
    "transactionId": "170542360395800"
    }
}
Importante

Yape​

  • El monto máximo de las operaciones con Yape debe ser menor o igual a S/ 2000.

  • Conoce más detalles de la integración aquí

Plin Interbank​

  • El monto máximo de las operaciones con Plin Interbank debe ser menor o igual a S/ 5000 o $ 1500.

  • Conoce más detalles de la integración aquí

Demo​

A continuación, te invitamos a explorar nuestra demo interactiva.

Editor en vivo
Resultado
Loading...