Branded Verification: Personalitza la Interfície d'Identitat

En el mercat actualment competitiu, una experiència d'usuari fluida i amb la teva marca és primordial. Quan es tracta de la verificació d'identitat, les interfícies genèriques poden interrompre el flux i erosionar la confiança. Didit proporciona un potent SDK de verificació d'identitat amb opcions de personalització exhaustives, que et permeten personalitzar completament el procés de verificació per adaptar-lo a l'aspecte i la sensació de la teva marca. Aquest article explora els diversos mètodes per aconseguir un control total de la interfície d'usuari, des de la personalització bàsica de CSS fins a la creació d'una experiència totalment personalitzada.

Punt clau 1: Didit ofereix un espectre d'opcions de personalització, des de simples modificacions de CSS fins a un enfocament de renderització a nivell de servidor complet per obtenir un control màxim de la interfície d'usuari.

Punt clau 2: La implementació correcta de la personalització millora la confiança de l'usuari i la consistència de la marca durant tot el procés de verificació.

Punt clau 3: L'API de Didit està dissenyada per donar suport tant als components d'interfície d'usuari llestos per utilitzar com als frontends completament personalitzats.

Punt clau 4: La personalització avançada de CSS permet un control granular sobre l'aparença de l'SDK sense modificar el codi bàsic.

Entenent les Opcions de Personalització

Didit reconeix que cada marca té requisits únics. Oferim diversos enfocaments per a la personalització de la interfície d'usuari:

• Personalització CSS (Bàsica): El mètode més senzill, que permet substituir els estils per defecte amb CSS personalitzat. Això és ideal per a ajustos de branding menors com ara colors, fonts i estils de botons.
• Personalització de la pàgina allotjada (Intermèdia): Modifica la pàgina de verificació allotjada mitjançant opcions d'estil limitades disponibles a la Consola de Didit.
• Integració de l'SDK amb una interfície d'usuari personalitzada (Avançada): Control total. Integra l'SDK de Didit a la teva aplicació i crea una interfície d'usuari completament personalitzada utilitzant els teus frameworks preferits (React, Angular, Vue.js, etc.). Això utilitza les nostres API per al processament del backend.
• Renderització a nivell de servidor (Expert): Gestiona tot el flux de verificació als teus servidors, utilitzant l'API de Didit per realitzar les comprovacions d'identitat bàsiques i construir un frontend completament personalitzat.

Aprofitant la Personalització CSS

Per a actualitzacions de branding ràpides, la personalització CSS és una eina potent. L'SDK de Didit et permet injectar regles CSS personalitzades que substitueixen els estils per defecte. Això s'aconsegueix afegint una etiqueta style a l'HTML que conté el widget de verificació, o proporcionant una URL a una fulla d'estil.

Exemple:

<style>
  .didit-button {
    background-color: #2567FF !important; /* Blau Didit */
    color: white !important;
    border-radius: 5px !important;
  }
  .didit-input {
    font-family: 'Your Custom Font', sans-serif !important;
  }
</style>

Consideracions importants:

• Utilitza !important per assegurar-te que els teus estils substitueixin els estils per defecte de l'SDK.
• Inspecciona l'estructura HTML de l'SDK per identificar les classes CSS rellevants.
• Prova a fons en diferents navegadors i dispositius.

Creant una Interfície d'Usuari Personalitzada amb l'SDK

Per obtenir un control total de la interfície d'usuari, hauràs d'integrar l'SDK de Didit a la teva aplicació i crear un frontend personalitzat. Aquest enfocament requereix més esforç de desenvolupament, però proporciona una flexibilitat sense parangons.

Arquitectura:

1. Inicialitza l'SDK de Didit a la teva aplicació.
2. Crea elements de la interfície d'usuari personalitzats (botons, camps d'entrada, etc.) que coincideixin amb la teva marca.
3. Utilitza l'API de Didit per activar els passos de verificació (captura de documents d'identitat, detecció de vida, etc.).
4. Gestiona els resultats de la verificació i actualitza la teva interfície d'usuari en conseqüència.

Exemple: Inicia la verificació d'identitat amb el JavaScript SDK.

didit.launchIDVerification({
  container: '#didit-container',
  onSuccess: function(result) {
    console.log('Verificació correcta:', result);
  },
  onFailure: function(error) {
    console.error('Verificació fallida:', error);
  }
});

Estil avançat i personalització ampliada

Més enllà del CSS bàsic, pots aconseguir una personalització més sofisticada utilitzant l'API de Didit per controlar el flux de verificació i renderitzar elements de la interfície d'usuari personalitzats. Això permet canvis dinàmics basats en l'estat de la verificació, la ubicació o altres factors. Per exemple, podries mostrar o amagar elements dinàmicament segons el país de l'usuari, o mostrar missatges d'error personalitzats.

Les opcions d'estil ampliades de Didit inclouen la possibilitat de personalitzar:

• Spinnners de càrrega
• Missatges d'error
• Animacions d'èxit
• Actius de la imatge

Com pot ajudar Didit

Didit permet a les empreses oferir una experiència de verificació d'identitat amb marca i sense problemes. El nostre SDK flexible i l'API completa proporcionen les eines que necessites per:

• Millorar la consistència de la marca.
• Augmentar la confiança de l'usuari.
• Millorar les taxes de conversió.
• Reduir els costos de suport.
• Mantenir una experiència d'usuari perfecta.

Preparat per començar?

Estàs preparat per prendre el control de la teva interfície d'usuari de verificació d'identitat? Explora la nostra documentació i recursos d'integració:

• Documentació de Didit
• Centre de demostracions de Didit
• Preus de Didit