Guia de personalização do chat do SDK para dispositivos móveis

O SDK para dispositivos móveis oferece amplas funcionalidades de personalização, projetadas para permitir que você incorpore requisitos de marca e crie uma experiência única e personalizada. Este documento oferece uma visão geral abrangente das opções disponíveis no SDK para dispositivos móveis para otimizar as interações de chat com os consumidores.

Você pode incluir o nível de personalização necessário para atender às necessidades da sua empresa. Confira uma comparação lado a lado de um chat padrão e um altamente personalizado.

Um exemplo lado a lado de aparências de chat personalizadas é mostrado.

  • Visibilidade

  • Ícone do avatar

  • Texto

  • Fonte (tamanho, estilo e cor)

  • Cor do divisor

  • Largura do divisor

Um exemplo das seções personalizáveis do cabeçalho é mostrado.

Botão in-line

  • Estilo

  • Alinhamento

  • Cor do plano de fundo

  • Cor do texto

  • Raio do canto

  • Fonte (tamanho, estilo e cor)

  • Cor da borda

  • Largura da borda

Um exemplo dos aspectos personalizáveis do botão é mostrado.

Botão "Voltar"

  • Visibilidade: somente texto. Não é possível personalizar a visibilidade da seta para trás.

  • Ícone

  • Cor do texto

Um exemplo do botão "Voltar";Voltar" é mostrado.

Botão "Encerrar"

  • Visibilidade

  • Fonte (tamanho, estilo e cor)

Um exemplo mostrando o botão para encerrar o chat.

Carimbo de data/hora

  • Fonte (tamanho, estilo e cor)

Um exemplo indicando o carimbo de data/hora é mostrado.

Mensagem e botões do sistema

  • Cor do plano de fundo

  • Raio do canto

  • Fonte (tamanho, estilo e cor)

  • Cor da borda

  • Largura da borda

Um exemplo das mensagens e botões do sistema é mostrado.

Balões de mensagem do consumidor e do agente

  • Cor do plano de fundo

  • Raio do canto

  • Fonte (tamanho, estilo e cor)

  • Cor da borda

  • Largura da borda

  • Avatar

Um exemplo das bolhas de mensagens do cliente e do agente é mostrado.

Barra de entrada do usuário

  • Cor do plano de fundo

  • Cor da borda

  • Largura da borda

  • Ícone de câmera

  • Ícone de navegação conjunta

  • Ícone do botão "Enviar"

Um exemplo indicando que a barra de entrada do usuário está sendo mostrada.

Barra de entrada do usuário (campo de texto)

  • Raio do canto

  • Cor do cursor

  • Texto de preenchimento

  • Fonte (tamanho, estilo e cor)

  • Cor da borda

  • Largura da borda

Um exemplo indicando o campo de texto da barra de entrada do usuário é mostrado.

Ícone de carregamento

  • Animação personalizada

Um exemplo que indica os aspectos personalizáveis do ícone de carregamento é mostrado.