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

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. Na sua conta da HubSpot, navegue até Marketing > E-mail.
2. Clique no nome do e-mail rascunhado usando um modelo codificado personalizado.
3. No editor de e-mail, clique no módulo que deseja editar.
4. Na barra de ferramentas de rich text, clique no botão Avançado menu suspenso e selecione Código fonte. 
5. 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. Na sua conta da HubSpot, navegue até Marketing > E-mail.
2. Clique no nome do e-mail rascunhado usando um modelo codificado personalizado.
3. No editor de e-mail, clique no módulo que deseja editar.
4. Na barra de ferramentas de rich text, clique no menu suspenso Inserir e selecione Tabela, depois crie uma tabela 3x1. 

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

6. 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. 
7. 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

• 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: