Central de conhecimento HubSpot

E-mails de marketing codificados personalizados têm aparência diferente no Outlook

Written by HubSpot Support | 6/out/2015 19:27:56

Se você criou um e-mail de marketing codificado personalizado , poderá notar discrepâncias na forma como o e-mail é processado no Outlook, como problemas de posicionamento ou espaçamento.

Resolver problemas de espaçamento

Há dois métodos para ajustar o espaçamento em torno de imagens no Outlook: usando hspace ou vspace, e usando tabelas.

Usar hspace e vspace

O atributo HTML vspacedefine espaço vertical e adicionará espaçamento igual à parte superior e inferior da sua imagem. O atributo hspace define espaço horizontal e adicionará espaçamento igual à direita e à esquerda da sua imagem.

  1. Clique no nome do e-mail rascunhado usando um modelo codificado personalizado.
  2. No editor de e-mail, clique no módulo que deseja editar.
  3. Na barra de ferramentas de rich text, clique no botão Avançado menu suspenso e selecione Código fonte
  4. Na caixa de diálogo, adicione hspace="10" vspace="10" no final do código de imagem. Substituir 10 com o valor desejado de espaçamento.

Usar tabelas

Você pode usar uma tabela de 3 colunas para conter uniformemente a imagem, o espaçamento e o texto.

  1. Clique no nome do e-mail rascunhado usando um modelo codificado personalizado.
  2. No editor de e-mail, clique no módulo que deseja editar.
  3. Na barra de ferramentas de rich text, clique no menu suspenso Inserir e selecione Tabela, depois crie uma tabela 3x1. 

  1. Na barra de ferramentas do editor de rich text, clique no menu suspenso Avançado e selecione Código-fonte.

  2. Na caixa de diálogo, adicione uma largura para a célula vazia, como <td width="10">, para definir o espaço entre imagem e texto. 
  3. Defina uma família de fontes, um tamanho e uma cor, além da altura da linha, já que o Outlook adicionará seu próprio estilo quando não for especificado.

Solucionar problemas de linhas horizontais inesperadas

Devido a um problema conhecido em algumas versões do Outlook, uma linha horizontal pode aparecer entre as seções em seu email. Se isso ocorrer, tente as seguintes etapas: 
  • Defina a cor de fundo do seu e-mail para que seja a mesma cor do corpo.
  • Atualize o tamanho da fonte e a altura da linha do conteúdo para que sejam números pares.
  • Adicionar o seguinte para a seção head do seu modelo de email:
ms-text-size-adjust: none; mso-line-height-rule: exactly;