Você pode personalizar o Notiondesk Messenger para que ele combine com a sua marca e decidir a que os visitantes podem acessar pelo widget.
A personalização do Messenger inclui suas cores, iniciador, layout, tela inicial, módulos de suporte, idiomas e domínios de sites permitidos.
Personalize cores e identidade visual.
Use as configurações de aparência do Messenger para que ele combine com seu site ou aplicativo.
Você pode personalizar as cores usadas em todo o Messenger, incluindo:
- Cor primária
- Cor de fundo
- Cores do texto
- Cores do cabeçalho
- Cores do lançador
- IA e cores das mensagens para visitantes
- Cores de entrada
Você também pode configurar as fontes usadas no Messenger.
Essas configurações de marca são controladas a partir de Notiondesk em vez de através do SDK JavaScript.
Personalize o iniciador do Messenger
O iniciador é o botão que os visitantes usam para abrir o Messenger.
Você pode personalizar:
- Se o iniciador estiver visível
- Posição do lançador
- Formato do lançador
- Espaçamento lateral
- Espaçamento inferior
- Cores do lançador
- Ícone de inicialização personalizado
Alterar a posição do lançador
O Messenger pode aparecer em qualquer um dos cantos inferiores do seu site:
- Canto inferior direito
- Canto inferior esquerdo
Escolha a posição que evite sobrepor a navegação do seu site, os controles de cookies, as ferramentas de acessibilidade ou outros elementos flutuantes.
Alterar o formato do lançador
O iniciador pode usar:
- quadrado arredondado
- Círculo
Escolha o formato que melhor se adapte à sua interface.
Use um iniciador personalizado
Você pode ocultar completamente o iniciador padrão Notiondesk e abrir o Messenger a partir da sua própria interface.
Por exemplo, você pode abrir o Messenger a partir de:
- Um botão de Ajuda na sua navegação.
- Um botão para entrar em contato com o suporte.
- Menu da sua conta
- Um botão flutuante que você já usa.
- Uma seção de suporte dentro do seu aplicativo.
Desative a opção Mostrar inicializador na sua configuração do Messenger e, em seguida, use o SDK JavaScript do Messenger para abrir ou alternar o Messenger.
Por exemplo:
Consulte Controlar o Messenger com o SDK JavaScript para exemplos de inicializadores personalizados e controles do SDK.
Escolha o layout padrão do Messenger.
O Messenger oferece suporte a diferentes layouts, dependendo de como você deseja que o suporte apareça dentro do seu produto.
Os layouts disponíveis incluem:
helpButton.addEventListener("click", () => {
void notiondesk.toggle();
});- Flutuante: O Messenger abre como um painel flutuante sobre o seu site.
- Barra lateral: O Messenger abre como um painel lateral de altura total.
- Tela cheia: o Messenger utiliza a área visível disponível.
Configure o layout padrão nas configurações do Messenger.
O Messenger também se adapta automaticamente a telas menores, para que os visitantes possam usá-lo confortavelmente em dispositivos móveis.
Escolha quais módulos do Messenger estão disponíveis.
O Messenger pode conter vários módulos de suporte.
| Módulo | Propósito |
|---|---|
| Lar | Tela inicial personalizada com conteúdo de suporte e atalhos. |
| Mensagens | conversas de suporte com inteligência artificial |
| Ajuda | Navegue e pesquise em sua central de ajuda. |
| Contato | Entre em contato com sua equipe de suporte. |
| Registro de alterações | Veja as últimas atualizações do seu produto. |
Ative apenas os módulos que façam sentido para a sua experiência de suporte.
Mensagens
O módulo Mensagens oferece conversas com tecnologia de inteligência artificial dentro do Messenger.
Um chatbot de IA Notiondesk deve estar conectado e configurado para este módulo.
Os visitantes podem usar o recurso Mensagens para fazer perguntas e receber respostas com base no conteúdo de suporte disponibilizado.
Ajuda
O módulo Ajuda permite que os visitantes acessem sua central de ajuda sem sair do seu site.
Os visitantes podem navegar pelas categorias, abrir artigos e pesquisar sua documentação diretamente no Messenger.
Contato
O módulo Contato oferece aos visitantes uma maneira de entrar em contato com sua equipe quando o suporte de autoatendimento não for suficiente.
Registro de alterações
O módulo Changelog exibe as atualizações de produto publicadas diretamente no Messenger.
Isso permite que os clientes descubram novos recursos e melhorias sem sair do seu aplicativo.
Personalize os idiomas do Messenger
Configure os idiomas disponíveis no Messenger e escolha o idioma padrão.
Os visitantes podem selecionar apenas os idiomas habilitados para o Messenger.
Se o seu aplicativo já conhece o idioma preferido do visitante, você também pode definir o idioma do Messenger programaticamente com o SDK JavaScript:
notiondesk.setLanguage("fr");O idioma solicitado também deve estar habilitado na configuração do Messenger.
Consulte Control Notiondesk Messenger com o SDK JavaScript para sincronização de linguagem em tempo de execução.
Restringir o Messenger a domínios confiáveis
Você pode restringir o seu Messenger para que ele carregue apenas em domínios de sites aprovados.
Use domínios confiáveis quando o Messenger precisar ser incorporado apenas em sites e aplicativos que você controla.
Por exemplo, você poderia permitir:
Quando os domínios confiáveis estão configurados, o Messenger não será carregado a partir de um site não autorizado.
Isso é especialmente útil quando o Messenger expõe recursos de suporte ao cliente destinados apenas ao seu próprio aplicativo.
www.example.com
app.example.com