Skip to content

Diretrizes de e-mail

Ao criar sua campanha de e-mail, é importante considerar como suas mensagens são recebidas pelos seus diversos usuários e provedores de e-mail (ESPs).

Aqui estão algumas dicas rápidas para ter em mente ao criar seu conteúdo:

  • Ao formatar seu e-mail, use folhas de estilo inline como CSS.
  • Para usar um único modelo de e-mail para versões mobile e desktop, mantenha a largura abaixo de 500 pixels.
  • As imagens devem ter menos de 5 MB. Recomendamos usar PNG, JPEG ou GIF para máxima compatibilidade. Evite SVG e WebP, pois muitos dos principais clientes de e-mail ainda não oferecem suporte a esses formatos.
  • Não defina alturas e larguras para imagens, pois isso pode causar espaços em branco desnecessários em um e-mail degradado.
  • Tags div não devem ser usadas, pois a maioria dos clientes de e-mail não oferece suporte ao seu uso. Em vez disso, use tabelas aninhadas.
  • Evite usar JavaScript, pois ele não funciona com nenhum ESP.
  • A Braze melhora os tempos de carregamento usando um CDN global para hospedar todas as imagens de e-mail.
  • No celular, as colunas de imagem são estreitas (~100px cada), então linhas com múltiplas imagens ainda cabem (por exemplo, quatro imagens ≈ quatro colunas utilizáveis).

Implementando texto alternativo

Como os filtros de spam verificam tanto a versão HTML quanto a versão em texto simples de uma mensagem, utilizar alternativas em texto simples é uma ótima maneira de reduzir sua pontuação de spam. Além disso, o texto alternativo (alt="") pode complementar e, em alguns casos, substituir imagens incluídas no corpo do seu e-mail que podem ter sido filtradas pelo provedor de e-mail do usuário. Leitores de tela anunciam o texto alternativo para explicar as imagens, então essa é uma oportunidade de usar linguagem simples para fornecer informações essenciais sobre uma imagem.

Validação de e-mail

A validação de e-mail acontece quando o endereço de e-mail de um usuário é atualizado ou importado para a Braze pela API, upload de CSV, SDK ou modificado no dashboard. Observe que seus endereços de e-mail não podem conter espaços em branco e, se enviados pela API, espaços em branco podem resultar em um erro 400.

Os endereços de e-mail direcionados pelos servidores da Braze devem ser validados de acordo com os padrões RFC 2822. A Braze não aceita determinados caracteres e os reconhece como inválidos. Se um e-mail sofrer bounce, a Braze marca o e-mail como inválido e o status de inscrição não é alterado.

Para informações sobre caracteres não permitidos e regras de validação de e-mail, consulte Validação de e-mail.

Configurando endereços de remetente e resposta

Ao configurar seus endereços de remetente (“from”), certifique-se de que o domínio do e-mail de remetente corresponda ao seu domínio de envio (como marketing.yourdomain.com). Não fazer isso pode resultar em desalinhamento de SPF e DKIM. Todos os e-mails de resposta podem ser configurados para o seu domínio raiz.

Disposição (arrastar e soltar e HTML personalizado)

A disposição pode quebrar quando o HTML/CSS gerado pela Braze entra em conflito com HTML personalizado. Se isso ocorrer, faça o seguinte:

  • Remova o HTML/CSS personalizado primeiro
  • Valide se as fontes personalizadas carregam corretamente na pré-visualização
  • Verifique o preenchimento (padding) de linhas e colunas
  • Prefira disposições baseadas em tabelas e mantenha-se dentro da largura do editor.

Content Blocks que importam HTML de fora do editor também podem quebrar a disposição.

Usando parâmetros UTM em URLs de e-mail

Parâmetros UTM marcam URLs para análise de dados. Você pode criá-los com Liquid e atributos personalizados.

  • Use apenas um ponto de interrogação ? na URL final (caracteres ? adicionais podem quebrar as requisições).
  • Evite espaços e caracteres especiais nos valores (use _ ou -).
  • Confirme se sua ferramenta de análise de dados ingere UTMs. Remova espaços extras dentro de blocos Liquid capture. UTMs diferenciam maiúsculas de minúsculas.

Verificando detalhes do HTML

Tenha em mente que algumas tags e atributos HTML não são permitidos, pois podem potencialmente permitir que código malicioso seja executado no navegador.

Confira as listas a seguir para tags e atributos HTML que não são permitidos nos seus e-mails:

Expandir para ver tags HTML não permitidas
  • <!doctype>
  • <applet>
  • <bgsound>
  • <embed>
  • <frameset>
  • <iframe>
  • <ilayer>
  • <layer>
  • <link>
  • <meta>
  • <object>
  • <script>
  • <title>
  • <xml>
  • <svg>
Expandir para ver atributos HTML não permitidos
  • <animationend>
  • <animationiteration>
  • <animationstart>
  • <data-bind>
  • <fscommand>
  • <onabort>
  • <onabort>
  • <onactivate>
  • <onafterprint>
  • <onafterupdate>
  • <onbeforeactivate>
  • <onbeforecopy>
  • <onbeforecut>
  • <onbeforedeactivate>
  • <onbeforeeditfocus>
  • <onbeforepaste>
  • <onbeforeprint>
  • <onbeforeunload>
  • <onbeforeupdate>
  • <onbegin>
  • <onblur>
  • <onbounce>
  • <oncanplay>
  • <oncanplaythrough>
  • <oncellchange>
  • <onchange>
  • <onclick>
  • <oncontextmenu>
  • <oncontrolselect>
  • <oncopy>
  • <oncut>
  • <ondataavailable>
  • <ondatasetchanged>
  • <ondatasetcomplete>
  • <ondblclick>
  • <ondeactivate>
  • <ondrag>
  • <ondragdrop>
  • <ondragend>
  • <ondragenter>
  • <ondragleave>
  • <ondragover>
  • <ondragstart>
  • <ondrop>
  • <ondurationchange>
  • <onemptied>
  • <onend>
  • <onended>
  • <onerror>
  • <onerror>
  • <onerrorupdate>
  • <onfilterchange>
  • <onfinish>
  • <onfocus>
  • <onfocusin>
  • <onfocusout>
  • <onhashchange>
  • <onhelp>
  • <oninput>
  • <oninvalid>
  • <onkeydown>
  • <onkeypress>
  • <onkeyup>
  • <onlayoutcomplete>
  • <onload>
  • <onloadeddata>
  • <onloadedmetadata>
  • <onloadstart>
  • <onlosecapture>
  • <onmediacomplete>
  • <onmediaerror>
  • <onmessage>
  • <onmousedown>
  • <onmouseenter>
  • <onmouseleave>
  • <onmousemove>
  • <onmouseout>
  • <onmouseover>
  • <onmouseup>
  • <onmousewheel>
  • <onmove>
  • <onmoveend>
  • <onmovestart>
  • <onoffline>
  • <ononline>
  • <onopen>
  • <onoutofsync>
  • <onpagehide>
  • <onpageshow>
  • <onpaste>
  • <onpause>
  • <onplay>
  • <onplaying>
  • <onpopstate>
  • <onprogress>
  • <onpropertychange>
  • <onratechange>
  • <onreadystatechange>
  • <onredo>
  • <onrepeat>
  • <onreset>
  • <onresize>
  • <onresizeend>
  • <onresizestart>
  • <onresume>
  • <onreverse>
  • <onrowdelete>
  • <onrowexit>
  • <onrowinserted>
  • <onrowsenter>
  • <onscroll>
  • <onsearch>
  • <onseek>
  • <onseeked>
  • <onseeking>
  • <onselect>
  • <onselectionchange>
  • <onselectstart>
  • <onshow>
  • <onstalled>
  • <onstart>
  • <onstop>
  • <onstorage>
  • <onsubmit>
  • <onsuspend>
  • <onsyncrestored>
  • <ontimeerror>
  • <ontimeupdate>
  • <ontoggle>
  • <ontouchcancel>
  • <ontouchend>
  • <ontouchmove>
  • <ontouchstart>
  • <ontrackchange>
  • <onundo>
  • <onunload>
  • <onurlflip>
  • <onvolumechange>
  • <onwaiting>
  • <onwheel>
  • <seeksegmenttime>
  • <transitionend>
New Stuff!