Visual Designer do Centro de Comunicação

Last Updated janeiro 6, 2026

Pré-visualização rápida

Bem-vindo ao Visual Designer do Centro de Comunicação, sua ferramenta para criar notificações visualmente impressionantes e atraentes! Nosso editor visual intuitivo permite que você modifique as notificações conforme suas necessidades exatas, com a liberdade de adicionar novas imagens, editar as ações dos botões e muito mais através do nosso painel de design. Neste artigo, apresentaremos a estrutura do nosso Designer Visual, fornecendo tudo o que você precisa saber para criar notificações impressionantes que se alinham perfeitamente com a mensagem da sua organização.

Quando estiver pronto para enviar, vá para a etapa 3 no artigo Criar Notificação para obter mais informações.

Saiba mais

Suas notificações estão cheias de objetos. Os objetos incluem: caixas de texto, imagens, formas e botões. Para editar um objeto, você pode clicar na própria notificação ou clicar na lista Objetos no painel de design. Por enquanto, vamos analisar o conteúdo do painel:

Painel de Design

Objetos de seção

A seção de assunto é onde você adicionará e gerenciará as imagens, botões, formas e caixas de texto adicionadas à notificação.

Clique em Adicionar novo para adicionar um novo objeto.

Arraste e solte o assunto na notificação.

Passe o mouse sobre um objeto para duplicá-lo ou excluí-lo.

Você pode renomear objetos para encontrá-los rapidamente enquanto os cria. O nome do objeto não afeta o conteúdo do design (o que significa que alterar o nome de um botão no painel Objetos não alterará o texto do botão no design).

Nota para o botão principal

O botão principal não pode ser excluído. Está relacionado aos dados de participação.

Ações de seção

Se você selecionou um botão, uma seção de ação será exibida. Aqui, você pode escolher a ação que ocorrerá quando o destinatário clicar no botão. As ações possíveis são:

  • Nenhum (eventos rastreados): isso fechará a notificação, mas os compromissos serão rastreados para análise.
  • Nenhum (fechar): isso fechará a notificação e nada será rastreado.
  • Link: adicione um hiperlink aos destinatários de redirecionamento.
  • Menu aberto: abre o Workstation na página aberta pela última vez.
  • Lembre-me em breve: fecha a notificação e faz com que ela seja esperada até que o destinatário abra o menu Workstation.
  • Lembre-me no dia seguinte: fechará a notificação e a manterá em memória até que o destinatário abra o Workstation no dia seguinte.
  • Leia o recurso: abra um recurso específico do WalkMe na página de recursos no Workstation.
  • Leia a estação: Redirecionar para uma estação.
  • Leia Smart Walk-Thru: Execute um Smart Walk-Thru.
Você verá apenas as ações aplicáveis

A lista que você verá na lista suspensa Ações depende do conteúdo disponível no sistema Workstation. Por exemplo, se nenhum Smart Walk-Thru estiver conectado ao sistema Workstation no editor, você não terá a opção Reproduzir Smart Walk-Thru.

Estilos

A seção de estilo permite personalizar cada objeto e as opções mudam dependendo do objeto selecionado:

Estilizar objetos de imagem

Existem alguns efeitos de estilo que você pode aplicar às imagens, incluindo:

  • Edição da imagem clicando no lápis no canto da visualização da imagem.
  • Adição de um raio de canto para arredondar as bordas.
  • Adicionar uma borda e alterar a cor da borda

Estilizar objetos de texto

A seleção de uma caixa de texto permite alterar o estilo, tamanho e cor da fonte. Você também pode aplicar formatação básica de texto, como itálico, letra, sublinhado e alinhamento de texto na caixa de texto.

A ativação da tecla Definir Formato Padrão garante que todos os novos componentes de texto sigam os mesmos parâmetros.

Se você tiver um hiperlink no objeto de texto, você pode decidir em que janela deseja abrir o link.

Clique no hiperlink e clique no ícone de lápis de lápis para editar o hiperlink ou clique no ícone de hiperlink no painel de objetos de estilo.

Selecione na lista suspensa Abrir em:

Aberto no modo Comportamento
Nova janela

A notificação não fecha.

Abre uma nova janela do Electron Desktop.

Nova aba

A notificação não fecha.

Abre uma nova aba do navegador.

Esta janela

A notificação será fechada.

Abre o link em uma nova janela Workstation.

Dar estilo ao Botão X

Se quiser que o botão X esteja no canto da notificação, ative a tecla Mostrar Botão Fechar.

Depois, você pode moldá-lo da forma que quiser:

  • Ajustar o tamanho do ícone.
  • Adicione um raio de botão para arredondar os cantos e preencher o botão com uma cor.
  • Adicionar uma borda e alterar a cor da borda

Layout

A seção de layout permite alterar o tamanho e o layout do objeto selecionado. Você também pode fazer isso diretamente no design, arrastando bordas ou cantos. Na seção de layout, no entanto, você pode especificar as dimensões exatas.

Ativar a posição personalizada da tecla.

Organizar e redimensionar

Redimensione a tela arrastando os cantos ou indo para Configurar a página e insira as dimensões em pixels (px) ou porcentagem (%) da largura e da altura da tela.

Ancora

  • Arraste e solte um objeto nas linhas rosa destacadas para ancorar um objeto em um dos cantos ou linhas centrais da notificação.
  • Depois de ancorado, o objeto permanecerá na posição relativa após o redimensionamento da tela.
    • Você pode usá-lo para alinhar elementos nas linhas centrais ou para manter o botão de ação sempre na mesma posição para várias notificações de diferentes tamanhos.

Carregar uma imagem

Adicione uma imagem, selecione uma das opções padrão ou carregue a sua própria.

Was this article helpful?

Thanks for your feedback!

Faça parte de algo maior.

Interaja com colegas, tire dúvidas e compartilhe ideias.

Explore nossa comunidade
×