Personalización Total del SDK de Verificación de Identidad con Marca Blanca

En el competitivo entorno actual, una experiencia de marca consistente es crucial. Extender esa consistencia a la verificación de identidad es primordial. Un flujo de verificación inconexo puede erosionar la confianza del usuario e impactar negativamente las tasas de conversión. Esta publicación profundiza en cómo personalizar completamente el SDK de verificación de identidad de Didit, ofreciendo una personalización completa de la interfaz de usuario, integración de marca y control del flujo de trabajo. Cubriremos todo, desde anulaciones de CSS hasta consideraciones de API, permitiéndote ofrecer una experiencia de verificación que se sienta nativa de tu plataforma.

Idea clave 1 El control total de la interfaz de usuario es posible mediante anulaciones de CSS y opciones de marca personalizadas dentro de la consola de Didit.

Idea clave 2 La integración de la API permite flujos de verificación sin encabezado, habilitando la propiedad total del frontend y la máxima flexibilidad de personalización.

Idea clave 3 La marca blanca no se trata solo de estética; se trata de generar confianza y mejorar las tasas de conversión al crear una experiencia de usuario fluida.

Idea clave 4 Didit proporciona múltiples SDK (Web, iOS, Android, Flutter, React Native) para admitir tu pila de desarrollo preferida.

Entendiendo las Opciones de Marca Blanca

Didit ofrece varios niveles de marca blanca, que van desde ajustes de marca simples hasta revisiones completas de la interfaz de usuario. El enfoque que elijas depende de tus recursos técnicos y del nivel de control deseado. Aquí hay un desglose:

• Marca básica: Ajusta colores, logotipos y tipografía a través de la consola de Didit. Esta es la opción más rápida y sencilla, que no requiere cambios en el código.
• Anulaciones de CSS: Inyecta CSS personalizado para modificar la apariencia del flujo de verificación. Esto proporciona un grado significativo de control sin requerir una reescritura completa de la interfaz de usuario.
• Páginas alojadas con dominio personalizado: Aloja el flujo de verificación en tu propio dominio para una experiencia de usuario fluida.
• Integración sin encabezado con API: Aprovecha las API de Didit para construir un frontend completamente personalizado. Esto te brinda control total sobre cada aspecto del proceso de verificación.

Análisis profundo: Personalización de la interfaz de usuario con anulaciones de CSS

Las anulaciones de CSS son una forma poderosa de personalizar la apariencia del flujo de verificación de Didit. El SDK inyecta clases CSS específicas que puedes dirigir con tus propios estilos. Aquí hay un ejemplo:

/* Ejemplo de anulación de CSS */
.didit-verification-container {
  background-color: #f0f0f0; /* Cambiar el color de fondo */
  font-family: 'Tu fuente personalizada', sans-serif; /* Cambiar la fuente */
}

.didit-button {
  background-color: #2567FF; /* Azul Didit */
  color: white; /* Color del texto */
  border: none; /* Eliminar borde */
  border-radius: 5px; /* Esquinas redondeadas */
}

Consideraciones importantes:

• Especificidad: Asegúrate de que tus reglas CSS tengan la especificidad suficiente para anular los estilos predeterminados. Utiliza selectores más específicos o la declaración !important (úsala con precaución).
• Pruebas: Prueba a fondo tus anulaciones de CSS en diferentes navegadores y dispositivos.
• Actualizaciones: Ten en cuenta que las actualizaciones del SDK de Didit pueden introducir nuevas clases CSS o cambiar las existentes. Revisa y actualiza periódicamente tus anulaciones.

Integración sin encabezado: Control total con la API

Para una máxima flexibilidad, considera una integración sin encabezado utilizando las API RESTful de Didit. Este enfoque te permite construir un frontend completamente personalizado, brindándote control total sobre la experiencia del usuario. Tú manejarás la representación de la interfaz de usuario, la recopilación de datos y la comunicación con la API de Didit. La API proporciona puntos finales para cada módulo de verificación (Verificación de identidad, Liveness, AML, etc.).

Beneficios de la integración sin encabezado:

• Control total de la interfaz de usuario: Diseña un flujo de verificación que se adapte perfectamente a tu marca y a la interfaz de usuario.
• Flexibilidad: Integra la verificación en cualquier plataforma o aplicación.
• Personalización avanzada: Implementa lógica y flujos de trabajo personalizados.

Consideraciones de la API:

• Autenticación: Utiliza OAuth/OIDC para un acceso seguro a la API.
• Manejo de errores: Implementa un manejo de errores sólido para manejar con elegancia los errores de la API.
• Seguridad de los datos: Sigue las mejores prácticas para la seguridad y la privacidad de los datos.

Mejores prácticas de integración de marca

Más allá de la personalización de la interfaz de usuario, considera estas mejores prácticas de integración de marca:

• Mensajería consistente: Utiliza un lenguaje y un tono consistentes en todo el flujo de verificación.
• Mensajes de error personalizados: Reemplaza los mensajes de error genéricos con mensajes de marca que brinden una guía clara al usuario.
• Política de privacidad: Vincula claramente a tu política de privacidad para generar confianza y transparencia.
• Residencia de datos: Aprovecha la infraestructura con sede en la UE de Didit para cumplir con los requisitos de residencia de datos.

Cómo ayuda Didit

Didit simplifica el proceso de marca blanca con:

• Múltiples SDK: Los SDK de Web, iOS, Android, Flutter y React Native admiten una amplia gama de plataformas.
• Documentación completa: La documentación detallada y los ejemplos de código facilitan la integración.
• Soporte dedicado: Nuestro equipo de soporte está disponible para ayudar con cualquier pregunta o problema.
• Precios flexibles: Precios de pago por uso sin contratos a largo plazo.

¿Listo para empezar?

¡Comienza a construir una experiencia de verificación de identidad fluida y con marca hoy mismo! Explora nuestra documentación técnica, programa una demostración o contáctanos para obtener más información.