Formulario de Tokenización

El Formulario de Tokenización captura de forma segura la información de la tarjeta de crédito o débito del cliente y convierte los datos sensibles en un token. Este token puede utilizarse para procesar transacciones sin almacenar la información de la tarjeta directamente en los sistemas del comercio.

El formulario de tokenización es una herramienta útíl cuando es necesario capturar de forma segura la información de tarjeta de los compradores para procesar el pago. En lugar de almacenar directamente los datos de la tarjeta, este formulario genera un token que puede enviarse al servidor del comercio para completar el proceso de compra.

Importando el JavaScript

Para integrar el Formulario de Tokenización, es necesario incluir un script que apunte a la URL del formulario. Esto permite acceder al objeto BambooForm que contiene los métodos necesarios para renderizar los formularios de Bamboo.

//STAGE - Ambiente de Pruebas:
<script src="https://capture.stage.bamboopayment.com"></script>
//PRODUCCIÓN:
<script src="https://capture.bamboopayment.com"></script>

Método renderTokenizationForm

Una vez importado el Script que apunta a los formularios de Bamboo, se puede invocar el método renderTokenizationForm que renderiza el Formulario de Tokenización, permitiendo a los compradores ingresar sus tarjetas de manera segura.

BambooForm.renderTokenizationForm(configuration);

Formulario de Tokenización

Ejemplo de Solicitud

<script> 
BambooForm.renderTokenizationForm({
  containerId: 'MERCHANT_PAGE_CONTAINER_ID',
  metadata: {
    publicKey: 'MERCHANT_PUBLIC_KEY',
    targetCountryISO: 'UY',
    customer: {
      email: 'cliente@example.com',
      cardHolderName: 'Juan Pérez'
    },
    locale: 'es',
    logoUrl: '<https://mieshop.com/logo.png>'
  },
  hooks: {
    onOperationSuccess: (token) => {
      console.log('Token recibido:', token);
    },
    onOperationError: (error) => {
      console.error('Error:', error);
    }
  }
});
</script>

Parámetros de Configuración

ParámetroTipo¿Obligatorio?Descripción
containerIdstringID del contenedor HTML donde se mostrará el formulario.
metadataobjectConfigura información relacionada con el cliente y la transacción.
hooksobjectFunciones de callback para manejar los eventos del formulario.

Personalice su Formulario de Tokenización | objeto metadata

Puede personalizar el formulario de tokenización con su logo e idioma preferido, además de pre-llenar datos ya proporcionados por el comprador, o restringir la tokenización a tarjetas específicas.

ParámetroTipo¿Obligatorio?Descripción
metadatapublicKeystringClave pública del comercio.
metadatatargetCountryISOstringCódigo ISO del país donde se procesará la transacción.
metadatacustomerobjectNoInformación del cliente.
metadatalocalestringNoIdioma del formulario, usando código ISO Español: ’es’ (por defecto) Inglés: ’en'
metadatalogoUrlstringNoURL del logo que aparecerá en el formulario. Si no se define, se muestra sin logo en el encabezado
metadatafiltersobjectNoPermite restringir la tarjeta ingresada por el usuario a un banco emisor o tipo de tarjeta específico

Información del Cliente

ParámetroTipo¿Obligatorio?Descripción
metadatacustomeruniqueIdstringNoIdentificador único del cliente. Indica si se genera un Token de uso único o recurrente Tipos de Token
metadatacustomeremailstringNoCorreo electrónico del cliente. Se precarga en el formulario y permite edición si hay errores de sintaxis que impidan generar el token
metadatacustomercardHolderNamestringNoNombre del titular de la tarjeta. Se precarga en el formulario sin opción de edición.

Tokenización restringida a Tarjetas específicas

ParámetroTipo¿Obligatorio?Descripción
metadatafilterspaymentMediaTypenumberNoIdentificador del tipo de medio de pago (tarjeta de crédito, débito, etc.). (Ver medios de pago)
metadatafiltersissuerBanknumberNoIdentificador del banco emisor. (Ver bancos)

Gestione la interacción de su cliente | objeto hooks

ParámetroTipo¿Obligatorio?Descripción
hooksonOperationSuccessfunctionCallback ejecutado al completar exitosamente la tokenización. Recibe el token como parámetro.
hooksonOperationFinalizefunctionNoCallback opcional ejecutado cuando se finaliza la operación.
hooksonOperationErrorfunctionNoCallback de manejo de errores durante la tokenización.
hooksonApplicationLoadedfunctionNoCallback ejecutado cuando el formulario ha sido cargado correctamente.

Detalles del Formulario de Tokenización

Tokenización exitosa | objeto Token

El objeto token se devuelve en el hook onOperationSuccess ejecutado al completar exitosamente la tokenización y contiene los siguientes parámetros.

PropiedadTipoDescripción
TokenIdstringIdentificador del token.
CreatedtimestampFecha y hora de creación del token.
TypestringTipo de token, valores posibles: OneTime, Commerce
BrandstringFranquicia de la tarjeta o medio de pago utilizado.
IssuerBankstringBanco emisor de la tarjeta.
OwnerstringNombre del titular de la tarjeta.
Binnumeric[6]Identificador de la tarjeta.
Last4numeric[4]Últimos cuatro dígitos de la tarjeta.
CardTypestringTipo de medio de pago o tarjeta, valores posibles: CreditCard, DebitCard, PhysicalNetwork, PrePaid
CardExpMonthnumeric[2]Mes de vencimiento de la tarjeta.
CardExpYearnumeric[2]Año de vencimiento de la tarjeta.

Formulario CVV

El Formulario CVV está diseñado específicamente para capturar el código de verificación de la tarjeta (CVV), que se encuentra en el reverso de la tarjeta física. Este formulario se utiliza cuando se requiere validar una transacción con el CVV, generalmente en pagos recurrentes o en compras en las que la información de la tarjeta ya ha sido previamente tokenizada. Uso típico: Cuando un cliente ha almacenado previamente su tarjeta de crédito a través del proceso de tokenización, pero se le solicita que ingrese su CVV para validar o completar una transacción, proporcionando una capa adicional de seguridad.

Método renderCVVForm

Una vez importado el Script que apunta a los formularios de Bamboo, tendrás acceso al método renderCVVForm que renderiza un formulario dedicado exclusivamente a la captura del CVV del cliente.

BambooForm.renderCVVForm(url, configurationCVV);

Formulario de CVV

Parámetros de configuración

ParámetroTipo¿Obligatorio?Descripción
urlstringLa URL con los datos de la sesión y la información del perfil de pago del cliente. Incluye key, session_id, paymentProfileId, brand, y los últimos cuatro dígitos de la tarjeta. Esta URL se recibe como respuesta al querer ejecutar una compra si se le solicita verificación por CVV.
containerIdstringID del contenedor HTML donde se mostrará el formulario.
metadataobjectConfigura la información relacionada con la sesión y la transacción.
logoUrlstringNoURL del logo que aparecerá en el formulario.
localestringNoIdioma del formulario, usando un código de locales ISO.
hooksobjectFunciones de callback para manejar eventos del formulario.
hooksonOperationSuccessfunctionCallback ejecutado al completar exitosamente la validación del CVV. Recibe el token como parámetro.
hooksonOperationFinalizefunctionNoCallback opcional ejecutado cuando se finaliza la operación.
hooksonOperationErrorfunctionNoCallback opcional que maneja errores durante la validación del CVV.
hooksonApplicationLoadedfunctionNoCallback ejecutado cuando el formulario ha sido cargado correctamente.

Ejemplo de uso

<script>
BambooForm.renderCVVForm(
  '<https://api.stage.bamboopayment.com/v1/Capture/?key=FEdJ84hzdIKBY0gyC7-NDG_I56ONV7HQ&session_id=CA_51864eaf-1603-4fe8-8720-ae8c569ea702&paymentProfileId=375108&brand=MasterCard&lastFour=4008>',
  {
    metadata: {
      locale: 'es',
      logoUrl: '<http://www.example.com/>'
    },
    hooks: {
       onOperationSuccess: () => {
        console.log('Operation successful');
      },
      onOperationError: (error) => {
        console.error('Error in CVV validation:', error);
      }
    }
  }
);
</script>
footer
Última modificación 28 de noviembre de 2024

© Bamboo | All rights reserved 2024