Breve Visão Geral

A tematização permite definir e gerenciar o estilo visual do conteúdo do WalkMe em um só lugar para manter seus designs consistentes e alinhados à marca.

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

Como Funciona

Tela principal

Ao acessar Tematização pela primeira vez, na tela principal, você verá todos os temas oferecidos pelo WalkMe.

No lado direito da tela, você pode ver a pré-visualização do aspeto deste tema. Você pode navegar entre diferentes tipos de itens e ver como cada um deles é neste tema.

Passe o mouse sobre diferentes elementos da visualizaçã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

Label Active significa que esse tema é o aplicado atualmente ao conteúdo do seu editor.

Marca Publicado significa que esse tema é atualmente o exibido para os usuários no ambiente publicado.

Observe que pode haver um caso em que o tema ativo e o tema publicado não sejam os mesmos.

Se você definir um tema como ativo, você 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 dos dois deseja que cada um dos títulos e tipos de texto herde: primário ou secundário

• 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 lançadores herdem as propriedades Título (Grande). 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 é uma fonte que existe no site onde você está jogando 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ê o 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 o arquivo em um formato compatível

• 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 fizer o upload de uma variante, reproduziremos a variante regular.

• As fontes existem no nível da conta, não por tema. Você poderá usá-los 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 você 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 Tematização no Centro de Administração, poderá vincular temas a vários sistemas aos quais você 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 a Tematização ativada)

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 de Lançador

Modelos SmartTip

Notas técnicas

• Somente as funções de Administrador e Gerenciador de conteúdo 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 da Califórnia são suportados - balões clássicos não são suportados
• Somente modelos de layout dinâmicos no Designer Visual são suportados
• As seguintes fontes são suportadas:
  • Arial, Tahoma, Georgia, Courier, Proxima Nova, Poppins, Open Sans
• A pré-visualização no aplicativo funciona em vários idiomas, mas não refletirá as cores reais
• A web móvel não é suportada
• Copiar contas entre sistemas Tematizados e não-Tematizados não é suportado
• Fontes personalizadas ainda não são suportadas nos sistemas desktop