Personalizando a aparência do Studio

Sobre a personalização da aparência do Studio

Você pode alterar a aparência do Studio para refletir a marca da sua organização. A aparência personalizada se aplica a todos os usuários da sua conta mestre. Estão disponíveis as seguintes opções de personalização:

• Logotipo personalizado: Altere o logotipo (em todo o Studio).
• Marca personalizada: altere as cores da interface do usuário (fora dos widgets).
• Exibição de conversação: personalize a forma como as interações são exibidas no Explorador de documentos e no widget Feedback.
• Paletas de cores: altere as cores do relatório (dentro dos widgets).

Logotipo personalizado

Você pode personalizar a aparência do seu Studio alterando ou removendo o logotipo do site. O logotipo aparece no cabeçalho do Studio e é visível em todas as páginas. Clicar no logotipo abre a página inicial do Studio. Quando os usuários salvam ou distribuem seus dashboards como PDF, os arquivos de exportação também contêm o logotipo.

Dimensões de logotipo recomendadas

O Studio dimensionará automaticamente a imagem para se ajustar ao espaço reservado para melhor exibição nas exportações do Studio e do PDF. Recomendamos estas dimensões para logotipos:

• Largura: menor ou igual a 300 pixels.
• Altura: menor ou igual a 60 pixels.

Alteração do logotipo

1. Acesse o Studio.
2. Expanda o menu avatar do usuário na área de navegação superior.
   
3. Clique em Configurações da conta.
4. Na página Configurações da conta, selecione a guia Aparência.
   
5. Alterne o comutador Marca personalizada para Ativado para ativar a marca personalizada, se necessário. Se a marca personalizada já estiver ativada, vá para a próxima etapa.
   
6. Na seção Marca personalizada, clique no botão de carregamento do arquivo em Alterar logotipo para carregar o arquivo de imagem do logotipo.
   

Removendo o logotipo

Além de substituir o logotipo por sua própria imagem, você pode remover o logotipo do Studio completamente. Quando o logotipo é removido, o Studio exibe um título de texto da seção atual do usuário. Clicar no título abre o Dashboard Explorer (o mesmo comportamento que clicar no logotipo).

1. Acesse o Studio.
2. Expanda o menu avatar do usuário na área de navegação superior.
   
3. Clique em Configurações da conta.
4. Na página Configurações da conta, selecione a guia Aparência.
   
5. Na seção Branding personalizado, clique no ícone da lixeira em Alterar logotipo para remover o logotipo.
   

Aplicando marca personalizada

Você pode personalizar a aparência do Studio alterando as cores dos elementos da interface do usuário-chave mostrados nesta tabela:

Na seção Marca personalizada, você pode alterar o esquema de cores do Studio e o logotipo. Para saber como alterar o logotipo, consulte Alterando o logotipo.

1. Acesse o Studio.
2. Expanda o menu avatar do usuário na área de navegação superior.
   
3. Clique em Configurações da conta.
4. Na página Configurações da conta, selecione a guia Aparência.
   
5. Na seção Branding personalizado, ative o comutador Marca personalizada.
   
6. Clique na notação hexadecimal em Cabeçalho para personalizar o plano de fundo do cabeçalho do Studio.
   
7. Use o seletor de cores ou especifique uma notação HEX diferente.
   Qdica: Consulte a seção Elementos de marca personalizados abaixo para obter detalhes dos elementos de IU do Studio que podem ser personalizados e ter as cores padrão.
   Qdica: antes de alterar as cores, anote os códigos de cores existentes para poder reverter para eles mais tarde. Você pode reverter para as cores padrão a qualquer momento clicando em Redefinir padrão.
   
8. Clique em Aplicar.
9. Você pode visualizar suas alterações no mock-up do Studio no lado direito do Marca personalizada.
   
   
10. Clique na notação hexadecimal em Ação para personalizar os botões do Studio e outros elementos de IU relacionados à ação, texto em botões ativos e links e itens de menu destacados.
    
11. Use o seletor de cores ou especifique uma notação HEX diferente.
12. Clique em Aplicar.
13. Clique na notação hexadecimal em Background primário para personalizar o fundo do corpo principal do Studio e o plano de fundo do painel.
    
14. Use o seletor de cores ou especifique uma notação HEX diferente.
    
15. Clique em Aplicar.
16. Marque a caixa de seleção Usar cores mais acessíveis para que o XM Discover possa melhorar automaticamente sua cor de ação para garantir o contraste de cores adequado em toda a interface.
    
    Qdica: recomendamos ativar essa opção para melhor acessibilidade.
17. Alterne o comutador Permitir que os usuários ativem o tema escuro para Ativado se você quiser dar aos usuários do Studio a opção de alternar para o tema de cor escura nas preferências do usuário, o que substitui todas as marcas personalizadas no Studio.
18. Clique em Salvar para aplicar suas alterações.
19. Clique em Redefinir alterações para cancelar suas alterações e restaurar a última versão salva das cores da sua marca.
20. Clique em Redefinir padrão para restaurar as cores predefinidas.
21. Atualize seu navegador para que as alterações entrem em vigor.

Exibição de conversação de customizing

Você pode ajustar as configurações de exibição de conversação para personalizar a forma como as interações são exibidas no explorador de documentos e widgets de feedback. Você pode definir configurações de exibição em 2 níveis: padrões em toda a conta e configurações específicas do projeto. As configurações específicas do projeto substituem as predefinições em toda a conta.

1. Acesse o Studio.
2. Expanda o menu avatar do usuário na área de navegação superior.
   
3. Clique em Configurações da conta.
4. Na página Configurações da conta, selecione a guia Aparência.
   
5. Ir para Exibição de conversação.
   
   
6. Para definir configurações específicas do projeto:
   
   
   • Selecionar o fornecedor de conteúdo do fornecedor de conteúdo
     Qdica: você só precisa selecionar um provedor de conteúdo, conta e projeto se for membro de mais de um desses.
   • Selecione a conta no menu Conta.
   • Selecione o projeto no menu Projeto.
   • Clique na seção Nova exibição.
7. Para definir padrões em toda a conta:
   
   • Expanda o menu de ações para um projeto padrão ou um projeto personalizado.
   • Selecione Editar.
8. Na janela Exibição da conversa, em Nomes de exibição, você pode personalizar os rótulos para os participantes da conversação a seguir. Esta etapa é opcional.
   
   • Agente: um participante identificado como representante da empresa.
   • Cliente: um participante identificado como cliente.
   • Bot: Um participante identificado como um chatbot ou um bot de resposta de voz interativa (IVR).
   • Participante: um participante não identificado como um dos tipos acima.
9. Desmarque a caixa de seleção Usar título automático ao lado do participante da conversa para personalizar o rótulo.
10. Insira uma etiqueta personalizada de até 20 caracteres na caixa.
11. Para usar o rótulo padrão para um participante da conversação, mantenha as caixas de seleção Usar título automático selecionadas.
12. Ative o Enriquecimento de lane do participante para ativar aprimoramentos na lane de conversação principal.
    
13. Selecione um enriquecimento a partir do menu.
14. Em Cor de exibição, selecione a representação de cores para o enriquecimento selecionado a partir do menu.
    
15. Na seção Lanes, você pode adicionar até 3 lanes com enriquecimentos adicionais para trazer mais contexto para a conversação.
    
16. Para adicionar uma seção, clique no ícone mais ( + ).
17. Para remover uma seção, clique no ícone menos ( – ).
18. Expanda o menu em Somente os valores Padrão do sistema eMétricas estão disponíveis para seleção para o Projeto padrão. Esses valores serão aplicados a todos os projetos por padrão. Os valores Padrão do sistema, Tópicos, Métricas e NLP estão disponíveis para seleção para um projeto personalizado.
    
19. Selecione Padrão do sistema no menu.
    
20. Selecione um estilo de ícone no menu em Estilo de seção para destacar frases que correspondam a um determinado tipo de frase. Isso inclui menções do cliente a Tenure, Churn, Cry for Help, Not Recommendons; menções do agente de Don’t Know, Disclosure, Mini-Miranda, Transfer, Hold; e menções de qualquer pessoa sobre o Request.
21. Selecione Tópicos no menu.
    
22. Selecione um modelo de categoria para destacar frases que contenham tópicos relacionados.
    
23. Como alternativa, você pode inserir um modelo de categoria na caixa Procurar para procurar um modelo de categoria.
24. Clique no ícone de engrenagem ao lado do modelo selecionado para selecionar manualmente os tópicos a serem exibidos.
    
25. Na janela Configurações, selecione Folha no menu Nível.
    
26. Você pode marcar o campo de seleção ao lado de um tópico para exibi-lo.
27. Como alternativa, você pode clicar em selecionar tudo para selecionar todos os tópicos.
28. Clique em Atualizar.
29. Selecione um estilo de ícone no menu em Estilo de seção para destacar frases que correspondam ao tipo de frase.
    
30. Clique no quadrado da cor em Exibir cor.
31. Use o seletor de cores ou especifique um código HEX para sua cor personalizada.
    
32. Clique em Aplicar.
33. Selecione Métricas no menu.
    
34. Selecione uma das seguintes métricas para destacar frases com uma faixa de métrica relacionada (por exemplo, com opinião negativa ou esforço rígido):
    
    • Esforço (3 faixas)
    • Esforço (5 faixas)
    • Intensidade emocional
    • Opinião (3 faixas)
    • Opinião (5 faixas)
35. Clique no ícone de engrenagem ao lado da métrica selecionada.
    
36. Na janela Configurações, selecione o nível de intensidade emocional ou os níveis a serem incluídos.
    
37. Clique em Atualizar.
    
38. Selecione um estilo de ícone no menu em Estilo de seção para destacar frases que correspondam ao tipo de frase.
    
39. Selecione NLP no menu.
    
40. Selecione um agrupamento NLP para destacar frases que contêm valores relacionados derivados automaticamente de feedback não estruturado pelo mecanismo XM Discover Natural Language Processing (NLP).
    
41. Clique no ícone de engrenagem ao lado do agrupamento selecionado.
    
42. Na janela Configurações, selecione os valores a serem incluídos no seu agrupamento NLP selecionado.
    
43. Clique em Atualizar.
    
44. Clique no quadrado da cor em Exibir cor.
    
    
45. Use o seletor de cores ou especifique um código HEX para a cor personalizada que você deseja usar para mostrar um enriquecimento selecionado.
    
46. Clique em Aplicar.
47. Ative Pontuação inteligente (isso não conta para o limite de 3 pistas).
    
    Qdica: disponível somente para contas com pontuação inteligente.
48. Clique em Salvar na parte inferior direita da Exibição da conversa.
    Qdica: para redefinir as configurações de exibição de conversação com os padrões, expanda o menu de ações ao lado do projeto Padrão e selecione Redefinir padrão.

Paletas de cores

Além de usar paletas de cores do sistema prontas para uso, você pode personalizar seus relatórios do Studio criando paletas de cores personalizadas de até 10 cores diferentes.

Você pode executar estas ações usando paletas de cores:

• Criar uma paleta de cores personalizada
• Importar uma paleta de cores
• Ativar uma paleta de cores
• Desativar uma paleta de cores
• Duplicar uma paleta de cores
• Substituir uma paleta de cores por outra
• Definir uma paleta de cores padrão
• Excluir uma paleta de cores

Criando uma paleta de cores personalizada

1. Faça login no Studio.
2. Expanda o menu avatar do usuário na área de navegação superior.
   
3. Clique em Configurações da conta.
4. Selecione a guia Aparência.
   
5. Role para baixo até a seção Paletas de cores.
   
6. Clique em Nova paleta.
7. Na janela Criar, insira um nome descritivo para sua paleta de cores na caixa Nome da paleta.
   
8. Clique no botão mais ( + ) para adicionar uma cor à paleta de cores.
   Qdica: você pode adicionar até 10 cores à sua paleta de cores.
9. Clique no quadrado preto.
   
10. Use o seletor de cores ou especifique um código HEX para sua cor personalizada.
    
11. Clique em Aplicar.
12. Arraste e solte os quadrados coloridos para alterar a ordem deles em uma paleta. Esta etapa é opcional.
    
    Qdica: as cores mais à esquerda aparecem nos relatórios com mais frequência e são usadas para itens mais proeminentes.
13. Para copiar os códigos HEX das cores atualmente selecionadas, clique no botão Copiar paleta para clipboard. Você pode reutilizar essas cores importando uma paleta. Esta etapa é opcional.
14. Clique em Salvar. Isso adiciona sua nova paleta de cores à seção Paletas de cores. Para usá-lo, você precisa ativar a paleta de cores.

Importação de uma paleta de cores

Você pode importar uma paleta de cores fornecendo até 10 códigos de cores HEX separados por vírgulas.

1. Acesse o Studio.
2. Expanda o menu avatar do usuário na área de navegação superior.
   
3. Clique em Configurações da conta.
4. Selecionar Aparência.
   
   
5. Rolar para baixo até Paletas de cores.
6. Localize a paleta de cores que você deseja importar.
   Qdica: você pode digitar o nome da paleta de cores na caixa Localizar paletas de cores para encontrá-la.
7. Expanda o menu de ações para a paleta de cores.
   
8. Selecione Editar.
9. Na janela Editar, clique em Copiar paleta para clipboard para copiar os códigos de cores HEX.
   
10. Clique em Cancelar.
11. Para importar os códigos de cores HEX para uma paleta de cores, expanda o menu de ações ao lado dessa paleta de cores.
    
12. Selecione Editar.
13. Cole os códigos de cores HEX na paleta Importar.
    
    Qdica: os códigos de cores HEX devem ser precedidos por uma hashtag (#). Os códigos inválidos serão ignorados.
14. Clique em Aplicar.
15. Clique em Salvar.

Ativar e desativar uma paleta de cores

Quando você cria uma paleta de cores personalizada pela primeira vez, ela é desativada, o que significa que você pode continuar editando-a sem afetar outros usuários. Quando sua paleta de cores estiver pronta, você poderá ativá-la para que fique disponível nas configurações de cor do relatório.

1. Acesse o Studio.
2. Expanda o menu avatar do usuário na área de navegação superior.
   
3. Clique em Configurações da conta.
4. Selecione a guia Aparência.
   
5. Role para baixo até a seção Paletas de cores.
   
6. Insira o nome da paleta de cores que você deseja ativar na caixa Localizar paletas de cores para localizá-la.
7. Ative a paleta de cores para ativá-la.
   
8. Desative a paleta de cores para desativá-la. Quando você desativa uma paleta de cores, ela não está mais disponível nas configurações do widget, mas os widgets definidos para usá-la continuam a fazê-lo.
   Qdica: você não pode desativar paletas do sistema ou uma paleta de cores definida pelo usuário como padrão.

Duplicando uma paleta de cores

Você pode duplicar uma paleta de cores existente, o que pode ser útil se você quiser editar várias cores ou alterar sua ordem.

1. Acesse o Studio.
2. Expanda o menu avatar do usuário na área de navegação superior.
   
3. Clique em Configurações da conta.
4. Selecione a guia Aparência.
   
5. Role para baixo até a seção Paletas de cores.
   
6. Localize a paleta de cores que você deseja duplicar.
   Qdica: insira o nome da paleta de cores na caixa Localizar paletas de cores para encontrá-la.
7. Expanda o menu de ações ao lado da paleta de cores que você deseja duplicar.
   
8. Selecione Duplicar. Isso adiciona uma cópia desativada da paleta de cores à seção Paletas de cores.

Substituindo uma paleta de cores

Você pode substituir uma paleta de cores por outra em todos os widgets que a usam.

1. Acesse o Studio.
2. Expanda o menu avatar do usuário na área de navegação superior.
   
3. Clique em Configurações da conta.
4. Selecione a guia Aparência.
   
5. Role para baixo até a seção Paletas de cores.
   
6. Localize a paleta de cores que você deseja substituir.
   Qdica: insira o nome da paleta de cores na caixa Localizar paletas de cores para encontrá-la.
7. Expanda o menu de ações ao lado da paleta de cores.
   
8. Selecione Substituir.
9. Na janela Substituir, selecione a paleta de cores de substituição no menu Substituir por.
   
10. Clique em Substituir. Isso aplica a paleta de cores de substituição a todos os widgets que estavam usando a paleta original.

Definição de uma paleta de cores padrão

Você pode definir uma paleta de cores padrão para todos os novos dashboards em sua conta mestre.

1. Acesse o Studio.
2. Expanda o menu avatar do usuário na área de navegação superior.
   
3. Clique em Configurações da conta.
4. Selecione a guia Aparência.
   
5. Role para baixo até a seção Paletas de cores.
   

6. Localize a paleta de cores que você deseja usar como padrão.
   Qdica: insira o nome da paleta de cores na caixa Localizar paletas de cores para encontrá-la.
7. Clique no link Usar como padrão na coluna Padrão da conta para a paleta de cores que você deseja usar como padrão.
   
8. Como alternativa, expanda o menu de ações ao lado da paleta de cores que você deseja usar como padrão.
   
9. Selecione Usar como predefinição da conta.

Exclusão de uma paleta de cores

Você pode excluir paletas de cores personalizadas que não são mais necessárias.

1. Acesse o Studio.
2. Expanda o menu avatar do usuário na área de navegação superior.
   
3. Clique em Configurações da conta.
4. Selecione a guia Aparência.
   
5. Role para baixo até a seção Paletas de cores.
6. Localize a paleta de cores que você deseja excluir.
   
   Qdica: insira o nome da paleta de cores na caixa Localizar paletas de cores para encontrá-la.
7. Expanda o menu de ações ao lado da paleta de cores que você deseja excluir.
   
8. Selecione Excluir.
9. Na janela Excluir, selecione a paleta de cores de substituição no menu Substituir por.
   
10. Clique em Substituir. Isso exclui a paleta de cores e aplica a paleta de substituição a quaisquer widgets que estejam usando a paleta de cores excluída.