Breve Visão Geral

O Tópicos permite definir e gerenciar o estilo visual do conteúdo do WalkMe em um só lugar, mantendo os designs consistentes e alinhados à marca.

Este guia explica como ativar Tópicos, criar ou editar um tema no console e publicá-lo para que os construtores possam começar a projetar com ele.

Acesso

Para acessar, vá para o aplicativo Tópicos na categoria Tools no Console do WalkMe.

• Centro de dados dos EUA
• Centro de dados da UE
• Centro de dados SAP EUA
• Centro de dados SAP UE
• Centro de dados FedRAMP
• Centro de Dados do Canadá

Como funciona

Tela principal

Ao acessar Tópicos pela primeira vez, na tela principal, você verá todos os temas oferecidos pelo WalkMe.

No lado direito da tela, você pode ver a aparência desse tema. Você pode navegar entre os diferentes tipos de itens e ver a aparência de cada um deles neste tema.

Passe o mouse sobre diferentes elementos da exibição para ver o que eles herdam do tema. Por exemplo, o quadro que contém a imagem neste ShoutOut herda a cor (Background, Main) e o título do texto herda a tipografia Título (Large) e a cor Texto, Main.

Temas ativos e publicados

A marca Ativo significa que esse tema é o que está sendo aplicado atualmente ao conteúdo do seu editor.

A marca Publicado significa que esse é o tema atualmente exibido aos usuários no ambiente publicado.

Observe que pode haver casos em que o tema ativo e o tema publicado não coincidem.

Se você definir um tema como ativo, poderá vê-lo no editor. No entanto, para tornar o tema visível para os usuários, você precisa publicá-lo primeiro.

Para definir um tema como ativo:

1. Clique no menu Opções
2. Selecione Definir como ativo
   
   
3. Se você ainda não quiser publicar o tema, clique em Confirmar
   .
4. Para publicar também o tema, marque a caixa de seleção e clique em Confirmar.

Edição de Temas

Você pode editar temas do WalkMe e salvar o resultado como um novo tema.

Para editar um tema, clique no menu Opções e selecione Editar, ou clique duas vezes no tema.

Aqui você pode alterar as cores, a tipografia e as propriedades dos botões do tema.

Cores

• Na guia Cores, você pode alterar a cor de diferentes elementos de design
• Você pode ver o que exatamente está mudando na pré-visualização à direita
• Ao fazer alterações, você verá uma animação na barra de navegação do item mostrando em qual item você pode ver essa alteração

Tipografia

• Na guia Tipografia, você pode alterar o tipo de fonte e o tamanho de todos os elementos de texto
• Você pode alterar a fonte primária e secundária
• Você pode selecionar qual das duas fontes deseja que cada um dos títulos e tipos de texto herde: primária ou secundária

• Você pode ver onde cada um dos elementos de texto está sendo usado atualmente
  Você sabia?

  Isso é o que geralmente recomendamos, mas você pode optar por usar esses tipos de texto em outros locais. Por exemplo, fazer com que os inicializadores herdem as propriedades Título (Large). Isso pode ser definido no editor - veja mais informações abaixo.

Fontes

Oferecemos suporte às seguintes fontes:

• Arial, Tahoma, Georgia, Courier, Proxima Nova, Poppins, Open Sans

Você também pode:

• Usar uma fonte do site

• Carregar uma fonte personalizada

Usar fonte do site

A fonte do site é a que existe no site onde você está reproduzindo o WalkMe. Para usar uma fonte do site:

1. Clique em Gerenciar fontes

2. Clique em Usar fonte do site

3. Dê um nome a esta fonte e clique em Salvar

4. Você verá na lista de fontes, marcada como "A fonte do seu site".

Carregar fonte

Para carregar uma fonte que você gostaria de usar:

1. Clique em Gerenciar fontes

2. Dê um nome a esta fonte

3. Clique em Carregar fonte ao lado da variante da fonte

Note

• Somente administradores podem carregar fontes

• Os formatos Woff, Woff2, TTF e OTF são suportados

  • Use um conversor de fontes (por exemplo, CloudConvert) para transformar seu arquivo em um formato suportado

• Carregue apenas fontes para as quais você tenha uma licença válida

• Você pode carregar variantes da fonte (Negrito, Itálico etc.). Se você não carregar uma variante, reproduziremos a variante regular.

• As fontes existem no nível da conta, não por tema. Você poderá usá-las em todos os sistemas.

Botões

• Altere a largura da borda e o raio dos cantos dos botões
• Você pode optar por ter uma borda colorida e definir a espessura em cada um dos lados
• As cores de preenchimento e texto são herdadas automaticamente do tema - você não pode alterá-las aqui, mas pode alterar a cor que o botão herda na guia Cor e isso afetará o botão aqui

• Os botões de texto secundário não têm cor de preenchimento (são transparentes) por padrão (por exemplo, botão Voltar neste ShoutOut)

• Botões adicionais herdam a maioria das propriedades do tema
• Você só pode alterar a cor do texto

Quando terminar de editar, você pode salvar o tema como novo.

Seus temas aparecerão em Meus temas personalizados.

Ao contrário dos temas do WalkMe, seus temas personalizados também podem ser renomeados, duplicados e excluídos.

Compartilhamento de temas

Se você tiver a permissão Editar e Compartilhar ativada para Tópicos na Central de Admin, você pode vincular temas a vários sistemas aos quais foi atribuído. Para vincular seu tema personalizado a outros sistemas:

• Clique no menu Opções
• Selecione Link para outros sistemas (você verá apenas os sistemas que têm Tópicos ativado)

Mapeamento: Relação Tema-Modelo

• Todos os valores de texto e cor (Título 1, Corpo 1, Primário, Secundário etc.) funcionam de forma diferente em modelos diferentes, até mesmo dentro do mesmo tema
• Por exemplo, os modelos Smart Walk-Thrus anexados aqui estão usando o mesmo tema
• Como você pode ver, as relações entre os valores são diferentes em modelos diferentes
• Encontre o mapeamento das cores e texto nas imagens anexadas

Modelos Smart Walk-Thru

Modelos do Inicializador

Modelos SmartTip

Notas técnicas

• Somente as funções Admin e Administração de conteúdos têm permissões de edição e publicação. Todas as outras funções têm permissão apenas para visualizar os temas
• O menu do widget ainda não é suportado
• Apenas o menu Pro é suportado
• Apenas balões Califórnia são suportados. Balões clássicos não são suportados
• Somente modelos de layout dinâmicos no Visual Designer são suportados
• As seguintes fontes são suportadas:
  • Arial, Tahoma, Georgia, Courier, Proxima Nova, Poppins, Open Sans
• A visualização no aplicativo multi-idioma funciona, mas não refletirá as cores reais
• A web móvel não é suportada
• Copiar contas entre sistemas de Tópicos e não Tópicos não é suportado
• Ainda não há suporte para fontes personalizadas em sistemas desktop

• Se você criar um modelo do ShoutOut em um sistema com Tópicos, o modelo não estará visível em um sistema sem Tópicos