Identidad Sin Complicaciones: Guía de Integración con Iframe de Didit

En el panorama digital actual, una experiencia de usuario fluida es primordial. La verificación de identidad a menudo es un mal necesario, que introduce fricción en los embudos de incorporación y conversión. Didit aborda este desafío con una integración de iframe potente y fácil de implementar, que le permite integrar un flujo de verificación de identidad seguro y conforme directamente en su aplicación web. Esta guía proporciona una descripción general completa del proceso de integración del iframe de Didit, las opciones de configuración y las mejores prácticas para maximizar la experiencia del usuario y la seguridad.

Punto Clave 1: La integración de iframe de Didit proporciona una forma segura y conforme de integrar la verificación de identidad directamente en su aplicación web sin integraciones complejas del lado del servidor.

Punto Clave 2: El enfoque de iframe minimiza el esfuerzo de desarrollo y permite el despliegue rápido de funciones de verificación de identidad.

Punto Clave 3: La personalización de la apariencia y el comportamiento del iframe está disponible a través de parámetros y oyentes de eventos fácilmente disponibles.

Punto Clave 4: Los precios de pago por uso de Didit garantizan que solo pague por las verificaciones exitosas, lo que lo convierte en una solución rentable.

Comprendiendo la Integración de Iframe de Didit

El proceso de verificación de identidad embebida utilizando un iframe implica alojar el flujo de verificación de Didit dentro de un elemento iframe seguro en su sitio web. Este enfoque ofrece varios beneficios:

• Esfuerzo de Desarrollo Reducido: Se requiere un código mínimo del lado del servidor. La mayor parte del trabajo de verificación de identidad lo maneja la plataforma de Didit.
• Seguridad Mejorada: La infraestructura de seguridad de Didit está aislada dentro del iframe, lo que minimiza el riesgo de violaciones de datos.
• Mejor Experiencia de Usuario: Los usuarios permanecen en su sitio web durante todo el proceso de verificación, creando una experiencia fluida.
• Tiempo de Comercialización Más Rápido: Implemente rápidamente las funciones de verificación de identidad sin ciclos de desarrollo extensos.

El principio básico es generar una URL de verificación segura desde la API de Didit y luego integrar esa URL dentro de una etiqueta <iframe> en su HTML. Esta URL contiene todos los parámetros necesarios para iniciar el flujo de verificación, incluido el identificador del usuario, el tipo de verificación y cualquier configuración personalizada.

Configuración y Parámetros de Iframe

La configuración del iframe se controla a través de varios parámetros clave adjuntos a la URL de verificación. Estos son algunos parámetros esenciales:

• user_id: (Obligatorio) Un identificador único para el usuario.
• verification_type: (Obligatorio) Especifica el tipo de flujo de verificación (por ejemplo, id_verification, liveness, document_verification).
• redirect_url: (Opcional) La URL a la que redirigir al usuario después de que se complete la verificación (éxito o fracaso).
• theme: (Opcional) Personalice la apariencia del iframe (por ejemplo, light, dark).
• width: (Opcional) Establece el ancho del iframe en píxeles (predeterminado: 600px).
• height: (Opcional) Establece la altura del iframe en píxeles (predeterminado: 700px).
• language: (Opcional) Especifica el idioma del flujo de verificación (por ejemplo, en, es, fr).

URL de Ejemplo:

https://business.didit.me/iframe?user_id=user123&verification_type=id_verification&redirect_url=https://yourwebsite.com/verification-complete&theme=dark&width=800&height=800

Implementando el Iframe en su Aplicación Web

Integrar la integración de iframe de Didit en su aplicación es sencillo. Aquí hay un ejemplo HTML básico:

<iframe src="https://business.didit.me/iframe?user_id=user123&verification_type=id_verification&redirect_url=https://yourwebsite.com/verification-complete" width="800" height="800" frameborder="0"></iframe>

Consideraciones Importantes:

• HTTPS: Asegúrese de que su sitio web se sirva a través de HTTPS para mantener la seguridad.
• CORS: El iframe de Didit está configurado para admitir solicitudes entre orígenes.
• Capacidad de Respuesta: Considere usar técnicas de diseño adaptable para asegurarse de que el iframe se adapte a diferentes tamaños de pantalla.

Manejo de Eventos y Callbacks de Verificación

Didit proporciona oyentes de eventos y callbacks para notificar a su aplicación sobre el proceso de verificación. El mecanismo principal es la API postMessage. Puede escuchar eventos como verification_started, verification_completed, verification_failed y verification_error. Estos eventos contienen datos sobre el estado de verificación, incluidos los mensajes de error o los resultados de la verificación.

Ejemplo de Oyente de Eventos JavaScript:

window.addEventListener('message', function(event) {
  if (event.origin !== 'https://business.didit.me') {
    return;
  }

  const data = JSON.parse(event.data);

  switch (data.event) {
    case 'verification_completed':
      console.log('Verificación completada con éxito:', data.result);
      // Redirigir al usuario o actualizar la interfaz de usuario
      break;
    case 'verification_failed':
      console.error('Verificación fallida:', data.error);
      // Mostrar mensaje de error al usuario
      break;
  }
});

Cómo Ayuda Didit

Didit simplifica el proceso de verificación de identidad embebida con:

• Suite de Verificación Integral: Acceda a una amplia gama de módulos de verificación, que incluyen verificación de identidad, detección de vida, detección de AML y más.
• API Amigable para el Desarrollador: API y SDK bien documentados para una integración perfecta.
• Infraestructura Escalable: Maneje grandes volúmenes de solicitudes de verificación con facilidad.
• Cobertura Global: Soporte para más de 14.000 tipos de documentos en más de 220 países.
• Precios Competitivos: Precios de pago por uso sin cargos ocultos.

¿Listo para Empezar?

¡Comience a construir una experiencia más segura y fácil de usar hoy! Explore nuestra documentación y comience con una cuenta gratuita de Didit:

• Documentación de Didit
• Consola de Negocios de Didit
• Precios de Didit