Personalização da Interface para Verificação de Identidade

No panorama competitivo atual, uma experiência de utilizador perfeita e com a sua marca é fundamental. Quando se trata de verificação de identidade, interfaces genéricas podem perturbar o fluxo e minar a confiança. A Didit oferece um poderoso SDK de verificação de identidade com opções de personalização abrangentes, permitindo-lhe personalizar a interface do processo de verificação para corresponder à aparência da sua marca. Este artigo explora os vários métodos para alcançar controlo total da IU, desde a personalização básica de CSS até à criação de uma experiência totalmente personalizada.

Ponto Chave 1: A Didit oferece um leque de opções de personalização, desde simples substituições de CSS até uma abordagem de renderização completa do lado do servidor para controlo máximo da IU.

Ponto Chave 2: A implementação correta do white labeling aumenta a confiança do utilizador e a consistência da marca ao longo do processo de verificação.

Ponto Chave 3: A API da Didit foi concebida para suportar tanto componentes de IU prontos a usar como frontends totalmente personalizados.

Ponto Chave 4: A personalização CSS avançada permite um controlo granular sobre a aparência do SDK sem modificar o código principal.

Compreender as Opções de White Labeling

A Didit reconhece que cada marca tem requisitos únicos. Oferecemos várias abordagens de personalização da IU:

• Personalização CSS (Básica): O método mais simples, permitindo substituir estilos predefinidos com CSS personalizado. É ideal para ajustes de marcação menores, como cores, fontes e estilos de botões.
• Personalização da Página Hospedada (Intermédia): Modifique a página de verificação hospedada através de opções de estilização limitadas disponíveis na Consola Didit.
• Integração do SDK com IU Personalizada (Avançada): Controlo total. Integre o SDK da Didit na sua aplicação e crie uma IU totalmente personalizada utilizando as suas estruturas preferidas (React, Angular, Vue.js, etc.). Isto utiliza as nossas APIs para processamento backend.
• Renderização do Lado do Servidor (Especialista): Lide com todo o fluxo de verificação nos seus servidores, utilizando a API da Didit para realizar as verificações de identidade principais e construir um frontend totalmente personalizado.

Aproveitar a Personalização CSS

Para atualizações rápidas da marca, a personalização CSS é uma ferramenta poderosa. O SDK da Didit permite injetar regras CSS personalizadas que substituem os estilos predefinidos. Isto é conseguido adicionando uma etiqueta style ao HTML que contém o widget de verificação ou fornecendo uma URL para uma folha de estilos.

Exemplo:

<style>
  .didit-button {
    background-color: #2567FF !important; /* Azul Didit */
    color: white !important;
    border-radius: 5px !important;
  }
  .didit-input {
    font-family: 'A Sua Fonte Personalizada', sans-serif !important;
  }
</style>

Considerações Importantes:

• Use !important para garantir que os seus estilos substituam os estilos predefinidos do SDK.
• Inspecione a estrutura HTML do SDK para identificar as classes CSS relevantes.
• Teste exaustivamente em diferentes navegadores e dispositivos.

Construir uma IU Personalizada com o SDK

Para controlo total da IU, terá de integrar o SDK da Didit na sua aplicação e construir um frontend personalizado. Esta abordagem requer mais esforço de desenvolvimento, mas oferece uma flexibilidade incomparável.

Arquitetura:

1. Inicialize o SDK da Didit na sua aplicação.
2. Crie elementos de IU personalizados (botões, campos de entrada, etc.) que correspondam à sua marca.
3. Utilize a API da Didit para acionar passos de verificação (captura de documentos de identificação, deteção de sinais de vida, etc.).
4. Lide com os resultados da verificação e atualize a sua IU de acordo.

Exemplo: Inicie a Verificação de Identidade usando o SDK JavaScript.

didit.launchIDVerification({
  container: '#didit-container',
  onSuccess: function(result) {
    console.log('Verificação bem-sucedida:', result);
  },
  onFailure: function(error) {
    console.error('Verificação falhou:', error);
  }
});

Estilização Avançada e Personalização Estendida

Além do CSS básico, pode obter uma personalização mais sofisticada utilizando a API da Didit para controlar o fluxo de verificação e renderizar elementos de IU personalizados. Isto permite alterações dinâmicas com base no estado da verificação, localização ou outros fatores. Por exemplo, pode mostrar ou ocultar elementos dinamicamente com base no país do utilizador ou exibir mensagens de erro personalizadas.

As opções de estilização estendida da Didit incluem a capacidade de personalizar:

• Spinners de carregamento
• Mensagens de erro
• Animações de sucesso
• Ativos de imagem

Como a Didit Ajuda

A Didit capacita as empresas a fornecer uma experiência de verificação de identidade com a sua marca e sem fricções. O nosso SDK flexível e API abrangente fornecem as ferramentas de que precisa para:

• Melhorar a consistência da marca.
• Aumentar a confiança do utilizador.
• Melhorar as taxas de conversão.
• Reduzir os custos de suporte.
• Manter uma experiência de utilizador perfeita.

Pronto para Começar?

Pronto para assumir o controlo da sua IU de verificação de identidade? Explore a nossa documentação e recursos de integração:

• Documentação Didit
• Centro de Demonstração Didit
• Preços Didit