Breve Visão Geral

O Editor de Texto Rich permite projetar o texto dentro de um balão ou ShoutOut e adicionar ênfase, personalização, personalização de cores, imagens, vídeos, hiperlinks e muito mais.

Casos de uso

Alguns exemplos do que o Editor de Rich Text pode fazer incluem:

• Criar um balão como mensagem de erro
• Receba um usuário recorrente ao seu site pelo nome
• Dê aos usuários as opções para iniciar outros Smart Walk-Thrus diretamente no texto do balão

Como Funciona

O Editor de Texto Rich (RTE) facilita a aplicação do BBCode para alterar coisas como tamanho da fonte, cor, estilo e adicionar hiperlinks, vídeo, imagens ou texto dinâmico. Usando as ferramentas no RTE, este BBCode será aplicado. Você também pode acessar a visualização de código-fonte para escrever no BBCode por conta própria ou abrir o console CSS para obter mais opções de edição.

Depois de criar o conteúdo do WalkMe, retorne ao menu de opções para fazer as alterações desejadas na aparência e no comportamento desse item individual. Clique no item (Step ou ShoutOut) para editá-lo e o Editor de Rich Text pode ser encontrado na guia Interação do menu de configurações do item específico.

https://support.walkme.com/knowledge-base/options-menu/

Layout do Editor de Rich Text

O Editor de Texto Rich é dividido em 4 seções:

1. Campos de título e descrição do balão à esquerda
2. Pré-visualização do balão à direita
   • Existem dois modos de visualizar o balão:
     1. Visual: essa é a opção padrão que visualizará qualquer texto BBCode no balão. CSS personalizado é levado em consideração.
     2. Fonte: use essa opção para ver o que está acontecendo nos bastidores.
3. Os recursos de personalização do Editor de Texto Avançado na parte superior
4. Console de Personalização CSS
   • Edite modelos avançados e crie o seu! Selecione um elemento na Pré-visualização para encontrar a linha relevante no CS

Opções de Personalização

Abaixo está uma lista de opções de personalização:

Fonte

Para usar os formatos de personalização de fonte, destaque o texto desejado e clique no ícone associado.

• Negrito
• Itálico
• Sublinhado
• Cor da fonte
• Tamanho da fonte
• Alinhamento de texto

Inserir

• Texto Dinâmico
• Link para os itens do WalkMe
  • Adiciona um link que inicia um item do WalkMe (Walk-Thru/Smart Walk-Thru/Resource/Survey) quando clicado. Quando o usuário final clica no conteúdo do WalkMe ao qual você se vinculou, o conteúdo original com o qual ele estava interagindo anteriormente será fechado.
• Imagem
  • Insira o URL da imagem (as imagens devem estar hospedadas online antes de poderem ser inseridas). As imagens que o WalkMe usa para os clientes são armazenadas nos servidores Amazon S3;
  • A largura e a altura da imagem são ajustadas ao tamanho do Balão ou ShoutOut automaticamente, mantendo a proporção da imagem original;
  • Você pode ajustar a largura e a altura da imagem, se necessário, clicando duas vezes na imagem para editar;
  • Você pode remover a imagem clicando no ícone da lixeira ao lado do URL da imagem ou excluindo-a usando backspace ou excluindo ao editar o texto no editor de texto.
• Link
  • Insira a URL
• Vídeo
  • Os serviços de hospedagem suportados incluem links do YouTube, Vimeo, Wistia, Ustream e Vidyard.
  • Insira o URL do vídeo na plataforma de vídeo correspondente. Os vídeos podem ser reproduzidos em qualquer plataforma, desde que estejam no formato MP4 usando um iFrame (consulte BBCode na tabela abaixo). Insira Largura e Altura, se necessário.
    Este vídeo não existe

    Vídeos do Vimeo não listados só podem ser incorporados se o "hash" for adicionado como parâmetro no URL do editor. Se você receber a mensagem "Este vídeo não existe", certifique-se de que o 'hash' seja adicionado ao URL no editor.

• iFrame
  • Insira URL e dimensões de escala opcionais

BBCode

Os botões no Editor de Rich Text facilitam a formatar o texto. Quando você destaca o texto, o WalkMe aplica o BBCode ao texto. Se você quiser visualizar o BBCode inserido usando o Editor de Rich Text, consulte a visualização de código-fonte.

Se você quiser adicionar BBCode em vez de usar os recursos do WalkMe, você pode encontrar exemplos de BBCode na tabela abaixo.

A seguir estão exemplos de BBCode que podem ser usados na visualização de código-fonte, mas não têm um ícone para geração automática.

CSS

Vídeos de Dica de Terça-feira

Básico do BBCode: Dicas e Truques

Como Personalizar Botões com o BBcode

Como animar botões usando CSS

Abra o mini-menu FAQ antes de acessar uma página de Suporte

Mini Menus para Engajamento

Botões CSS personalizados

Notas técnicas

• Quando a tecla Enter é pressionada no Editor de Rich Text, as tags div são adicionadas automaticamente ao BBcode. Para evitar que tags div redundantes sejam adicionadas e potencialmente substituam o CSS, use a tela de edição BBCode para escrever o texto, em vez de digitar dentro da caixa de visualização (o menu de opções do balão ShoutOut/Smart Walk-Thru).
• Ao marcar texto em um balão e vinculá-lo a outro conteúdo ou links externos em um Smart Walk-Thru, o texto se torna um gatilho para o balão e é exibido no mapa como um. Se o estilo for adicionado ao texto vinculado, o nome do gatilho poderá ser distorcido, mostrando algumas das tags de estilo também. Recomendamos manter as tags de estilo fora das tags de acionamento ([trg]), com as tags de acionamento o mais próximo possível do texto visível real.