Bloqueios do editor de mensagens no app
Os blocos do editor são os vários blocos disponíveis no editor de arrastar e soltar na seção Construção. Esta seção inclui uma série de blocos que representam os diferentes tipos de conteúdo que podem ser usados na sua mensagem.
Para usá-los, arraste um bloco do editor para dentro de uma coluna. Ele se ajustará automaticamente à largura da coluna. Cada bloco do editor tem suas próprias configurações, como o controle granular do preenchimento. O painel do lado direito muda automaticamente para um painel de propriedades do elemento de conteúdo selecionado.
Tipos
A tabela a seguir descreve como você pode usar cada tipo de bloco de editor.
Nome |
Descrição |
Título |
Insere um texto de título na mensagem |
Parágrafo |
Insere um texto de parágrafo na mensagem |
Imagem |
Insere uma imagem da biblioteca de mídia |
Botão |
Adiciona um botão padrão. As propriedades desse bloco permitem a edição, a configuração de links e a análise de dados de registro. |
Espaçador |
Adiciona espaço ou preenchimento entre outros blocos. |
Código personalizado (acesso antecipado) |
Insere HTML, CSS e JS brutos. |
Propriedades
Os detalhes das propriedades de cada bloco de editor são fornecidos nas tabelas a seguir.
Título e parágrafo
Nome |
Descrição |
Família de fontes |
Este é o estilo da fonte de seu texto |
Peso da fonte |
Determina a espessura de seu texto |
Tamanho da fonte |
Determina o tamanho de seu texto |
Cor |
Modifica a cor do texto |
Alinhar |
Move o texto para ser alinhado à esquerda, ao centro, à direita ou justificado |
Altura da linha |
Modifica a distância entre as linhas de texto |
Espaçamento entre as letras |
Modifica a distância entre cada caractere |
Imagem
Nome |
Descrição |
Largura da imagem |
Modifica a largura da imagem e a unidade de medida escolhida |
Alinhar |
Move a imagem para a esquerda, para o centro ou para a direita |
URL |
O endereço hospedado de sua imagem |
Texto alternativo |
A cópia escrita que aparece no lugar de uma imagem se a imagem não for carregada. Os leitores de tela anunciam o texto alternativo para explicar as imagens, portanto, use uma linguagem simples para fornecer informações importantes sobre uma imagem |
Botão
Nome |
Descrição |
Raio do canto |
Determina o quão arredondados você deseja que sejam os cantos |
Comportamento ao clicar |
Determina a ação ao clicar no botão e define o protocolo de link apropriado |
URL |
Dinâmico com base no comportamento ao clicar selecionado |
Espaçador
Nome |
Descrição |
Cor de fundo |
Modifica a cor de fundo do espaçador |
Altura |
Modifica a altura do espaçador. Você também pode modificar isso usando as alças de redimensionamento no espaçador. |
Código personalizado
Nome |
Descrição |
Código personalizado |
Permite adicionar, editar ou excluir HTML, CSS e JavaScript de uma mensagem no app. |