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

No cenário competitivo atual, uma experiência de usuário perfeita e com a sua marca é fundamental. Quando se trata de verificação de identidade, interfaces genéricas podem interromper o fluxo e minar a confiança. A Didit oferece um poderoso SDK de verificação de identidade com amplas opções de personalização, permitindo que você personalize a interface completamente para corresponder à aparência e à identidade visual da sua marca. Este artigo explora os diversos métodos para alcançar o controle total da interface, desde a personalização básica com CSS até a criação de uma experiência totalmente personalizada.

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

Ponto Chave 2: A implementação adequada da personalização da interface aumenta a confiança do usuário e a consistência da marca ao longo do processo de verificação.

Ponto Chave 3: A API da Didit foi projetada para suportar componentes de interface prontos para uso e frontends totalmente personalizados.

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

Entendendo as Opções de Personalização da Interface

A Didit reconhece que cada marca tem requisitos exclusivos. Oferecemos várias abordagens para personalização da interface:

• Personalização com CSS (Básica): O método mais simples, permitindo que você substitua os estilos padrão usando CSS personalizado. Isso é ideal para ajustes de marca menores, como cores, fontes e estilos de botões.
• Personalização da Página Hospedada (Intermediária): Modifique a página de verificação hospedada por meio de opções de estilo limitadas disponíveis no Console da Didit.
• Integração do SDK com Interface Personalizada (Avançada): Controle total. Integre o SDK da Didit ao seu aplicativo e crie uma interface totalmente personalizada usando seus frameworks preferidos (React, Angular, Vue.js, etc.). Isso utiliza nossas APIs para processamento no back-end.
• Renderização no Lado do Servidor (Expert): Gerencie todo o fluxo de verificação em seus servidores, usando a API da Didit para realizar as verificações de identidade principais e construir um frontend totalmente personalizado.

Aproveitando a Personalização com CSS

Para atualizações rápidas da identidade visual, a personalização com CSS é uma ferramenta poderosa. O SDK da Didit permite que você injete regras CSS personalizadas que substituem os estilos padrão. Isso é feito adicionando uma tag style ao HTML que contém o widget de verificação ou fornecendo uma URL para uma folha de estilo.

Exemplo:

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

Considerações Importantes:

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

Criando uma Interface Personalizada com o SDK

Para controle total da interface, você precisará integrar o SDK da Didit ao seu aplicativo e criar um frontend personalizado. Essa abordagem requer mais esforço de desenvolvimento, mas oferece flexibilidade incomparável.

Arquitetura:

1. Inicialize o SDK da Didit em seu aplicativo.
2. Crie elementos de interface personalizados (botões, campos de entrada, etc.) que correspondam à sua marca.
3. Use a API da Didit para acionar as etapas de verificação (captura de documentos de identidade, detecção de vivacidade, etc.).
4. Lide com os resultados da verificação e atualize sua interface 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);
  }
});

Estilos Avançados e Personalização Estendida

Além do CSS básico, você pode obter personalização mais sofisticada utilizando a API da Didit para controlar o fluxo de verificação e renderizar elementos de interface personalizados. Isso permite mudanças dinâmicas com base no status da verificação, localização ou outros fatores. Por exemplo, você pode mostrar ou ocultar elementos dinamicamente com base no país do usuário 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 oferecer uma experiência de verificação de identidade com a sua marca e sem atritos. Nosso SDK flexível e API abrangente fornecem as ferramentas de que você precisa para:

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

Pronto para Começar?

Pronto para assumir o controle da interface de verificação de identidade? Explore nossa documentação e recursos de integração:

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