Saltar al contenido principal
En esta página
Método de integración

Configura una experiencia de pago impulsada por DEUNA dentro de VTEX.

Instala el conector certificado, configura las condiciones de pago y amplía el checkout de VTEX con DEUNA Widget.

Interfaz
Checkout de VTEX con DEUNA Widget
Modelo de entrega
Configuración de la aplicación y el conector de VTEX
Ideal para
Comercios VTEX que usan la orquestación de pagos de DEUNA

Esta página proporciona una guía para integrar la huella digital del dispositivo DEUNA con VTEX Widget V2.

Beneficios de la huella digital del dispositivo#

La nueva versión del widget de DEUNA presenta una forma innovadora de manejar múltiples motores de fraude con solo unas pocas líneas de código.

Esta funcionalidad permite centralizar toda la información relevante en un solo lugar, facilitando el control y gestión por parte del comerciante.

Entre los beneficios se encuentran:

  1. Implementación limpia: No es necesario implementar scripts adicionales para los motores antifraude; el widget maneja automáticamente este proceso. Sólo necesitas ingresar el motor de fraude deseado y sus credenciales para activarlo.
  2. Centralización de la información: Todos los datos de configuración de su motor antifraude se guardan en un solo lugar, lo que facilita su administración.
  3. Automatización y actualizaciones: Gestionamos las actualizaciones necesarias y enviamos información de fraude a VTEX y al procesador de pagos que usted configure.
  4. Flexibilidad en las reglas de pago: Puedes configurar múltiples motores para diferentes reglas de pago desde el administrador de DEUNA, asegurando que la información se envíe correctamente.

Requisitos#

Estos son los requisitos para integrar la huella digital del dispositivo VTEX:

  1. Credenciales de administrador de la DEUNA.
  2. Credenciales del motor antifraude para configurar.

Integrar la huella digital del dispositivo#

Integre la huella digital del dispositivo VTEX siguiendo estos pasos:

1. Agregue fraudeCredentials a su configuración#

Configure su script agregando el fraudCredentials opción dentro de los atributos de configuración.

Javascript
function loadScriptWithAttributes(url, attributes, target) {
    return new Promise((resolve, reject) => {
        const script = document.createElement('script');
        script.src = url;

        if (attributes) {
            Object.keys(attributes).forEach(key => {
                script.setAttribute(key, attributes[key]);
            });
        }

        script.onload = resolve;
        script.onerror = reject;

		const currentTarget = target ?? document.head
        if (!currentTarget) {
          console.error("'currentTarget': is not defined")
 		}
		currentTarget.appendChild(script);        
    });
}


const baseURL = "https://cdn.deuna.io/snippets/v2.0.0/index.js";
console.log("DEUNA cdn: ", baseURL);
const attributes = { 
	  env: "ENVIRONMENT",
    publicApiKey: "API_KEY",
    fraudCredentials: JSON.stringify({ // THIS IS WHAT YOU ADD TO SUPPORT ANTI-FRAUD ENGINES
	    CLEARSALE: {
        "Client Id": "CLEARSALE_CREDENTIAL" 
      }
   })
};
 

loadScriptWithAttributes(baseURL, attributes)
    .then(() => {
      console.log("DEUNA: loaded script Succesfully!")
    })
    .catch((err) => {
      console.error("DEUNA: Error load script cdn: ", err);
    });

2. Seleccione el proveedor#

Seleccione proveedores de motores antifraude entre los motores disponibles para huellas dactilares del dispositivo

La siguiente tabla contiene atributos de los motores admitidos por el widget:

NombreAtributosEjemplo
SIGNIFYDNo se requieren parámetros en el nivel de comerciante_idfraudCredentials: { SIGNIFYD: {} }
SIFTID de cuenta, restApiKeyfraudCredentials: { SIFT: { accountId: '', restApiKey: '' } }
CLEARSALEID de clientefraudCredentials: { CLEARSALE: { clientId: '' } }
CLEARSALE-BRASILID de clientefraudCredentials: { CLEARSALE-BRASIL: { clientId: '' } }
CYBERSOURCEorgId, comercianteIdfraudCredentials: { CYBERSOURCE: { orgId: '', merchantId: '' } }
STRIPEAPI_KEYfraudCredentials: { STRIPE: { apiKey: '' } }
MERCADOPAGO// No se requieren parámetros a nivel de comerciante_idfraudCredentials: { MERCADOPAGO: {} }
BAZorgId, comercianteIdfraudCredentials: { BAZ: { orgId: '', merchantId: '' } }