Passar para o conteúdo principal

Compondo uma mensagem de saída

Como formatar texto, imagens, botões e HTML na sua mensagem de saída.

Escrito por Beth-Ann Sher

Com o Outbound, qualquer pessoa pode criar mensagens personalizadas que ficam ótimas, com rapidez, confiança e facilidade. É rápido estilizar seu texto, inserir imagens e adicionar um call-to-action — tudo com alguns cliques simples.


Formate seu texto

  • Formate o texto segurando cmd + i para itálico, ou cmd + b para negrito (Use ctrl para Windows).

  • Você pode adicionar H1s, H2s, links e mais. Basta selecionar um trecho de texto e as opções aparecerão.

  • Para criar uma lista com marcadores, basta digitar -, + ou * e depois apertar espaço.

  • Para criar uma lista numerada, digite 1) ou 1. e aperte espaço.

  • Qualquer URL que você digitar será automaticamente convertido em link após apertar espaço no final da URL.


Codificação de URL

Qualquer link adicionado a uma mensagem será codificado em URL.

Por exemplo, se uma URL contiver um espaço assim:

https://examply.com/help center

O espaço será substituído por %20:

https://examply.com/help%20center

Evite usar links já codificados para prevenir dupla codificação. 👌


Adicione vídeos, imagens, botões e links

Adicionar conteúdo rico como imagens/GIFs é fácil. Você pode arrastá-los para sua mensagem ou adicioná-los usando o ícone + à esquerda de qualquer bloco de conteúdo.

Botões não estão disponíveis para mensagens de chat.

Você também pode enviar um clipe de vídeo, incorporar um vídeo, adicionar um botão de call-to-action, apps, anexos de arquivos e mais.

Clipes de vídeo devem estar no formato mp4 e ter no máximo 40mb. Eles serão exibidos na proporção 4:3.


Use código inline e blocos de código

Para adicionar código inline, digite ` no início e no fim do seu trecho de código. Ficará assim:
exemplo de código inline

Para adicionar um bloco de código, basta digitar ``` no início e no fim do seu trecho de código. Seu bloco de código final ficará assim:

example code block
example code block


Adicionar HTML

  • Adicionar HTML só é possível ao criar e-mails. Você não pode adicionar HTML personalizado em mensagens no app. Também não é possível usar estilos inline com a opção HTML. Para adicioná-lo aos seus e-mails, basta selecionar o ícone + à esquerda do bloco de conteúdo e escolher a opção "Inserir HTML".

  • Quando você cria um modelo de e-mail personalizado, ele não contém uma regra de largura máxima para imagens. Então, ao adicionar imagens no compositor, elas não são redimensionadas para caber como em um modelo padrão. Adicionar o seguinte ao código do modelo faz com que elas sejam:

img { 
  max-width: 100%
}
  • Você também pode importar seu próprio HTML se quiser enviar e-mails usando modelos totalmente personalizados. Basta selecionar a opção 'Editar HTML' no canto inferior esquerdo do compositor de e-mails.

  • Adicionar atributos às suas mensagens é fácil. Basta selecionar o ícone que aparece à direita de qualquer bloco de conteúdo e escolher o atributo padrão, personalizado ou de evento que deseja incluir na sua mensagem.

  • Você pode até adicionar atributos aos seus links. Por exemplo, se quiser vincular cada usuário à página de configurações da empresa, e a URL for www.yourappname/settings/, você pode adicionar à URL a partir da sua lista de atributos.

  • Você também pode adicionar atributos a blocos HTML. Para isso, deve digitar manualmente a sintaxe do atributo. Nota: Para incluir atributos com alternativas dentro de atributos HTML, por exemplo href ou src, use aspas simples para o texto alternativo, pois usar aspas duplas cria HTML inválido.

  • Para criar uma nova linha dentro de um bloco de conteúdo, pressione 'Return'.

  • Você pode criar um novo bloco de conteúdo pressionando 'Return' duas vezes.

  • Para excluir uma imagem ou vídeo, basta selecioná-lo e pressionar backspace.

  • Para excluir um botão, apague todo o texto nele e pressione backspace mais uma vez.

Importante: Se você começar a criar uma mensagem no construtor visual, não mude para o editor HTML a menos que tenha certeza de que deseja continuar. Mudar para o editor HTML é uma ação permanente e fará com que todo o conteúdo do construtor visual seja perdido permanentemente. Isso não pode ser desfeito.

Respondeu à sua pergunta?