E-mails marketing parecem diferentes no Outlook
Ultima atualização: Fevereiro 19, 2021
Modelos de e-mail do HubSpot e e-mails criados com o editor de arrastar e soltar são projetados para ser consistentes e responsivos em clientes comuns de e-mail. Você também pode visualizar seu e-mail em clientes de e-mail. Dado que o Outlook oferece suporte limitado para CSS, você pode ver discrepâncias na maneira como seu e-mail é renderizado no Outlook. Se você observar que o posicionamento ou o espaçamento de e-mail parece errado no Outlook, há etapas que você pode tomar para corrigi-lo.
Observação: O suporte da HubSpot não pode apoiar modelos de e-mail codificados personalizados. Se você estiver usando um modelo codificado personalizado, procure o provedor que criou o modelo. Como alternativa, você pode se conectar com outros usuários e designers na Comunidade HubSpot.
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.
- Na sua conta da HubSpot, navegue até Marketing > Email.
-
Passe o cursor do mouse sobre o nome do e-mail e clique em Editar.
-
Clique no módulo de conteúdo e, em seguida, em Avançado > Código-fonte.
- No final do código de imagem, adicione um dos códigos a seguir: hspace="10" vspace="10", substituindo 10 pelo valor desejado de espaçamento.
Usar tabelas
Você pode usar uma tabela de três colunas para conter uniformemente sua imagem, espaçamento e texto:
- Na sua conta da HubSpot, navegue até Marketing > Email.
-
Passe o cursor do mouse no nome do e-mail e clique em Editar.
-
Na barra de ferramentas do editor de rich text, clique em Inserir > Tabela. Criar uma tabela 3 x 1.
-
Na barra de ferramentas do editor de rich text, clique em Avançado > Código-fonte..
-
Especifique uma largura na célula vazia, como <td width="10"> para o valor de espaçamento que você gostaria entre a imagem e o texto.
-
Especifique uma família de fontes, tamanho de fonte, cor de fonte e altura de linha, como style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" dado que o Outlook adicionará seu próprio estilo quando nada for especificado.
Saiba mais sobre o design de e-mail na nossa Comunidade de designers.
Conteúdo relacionado
-
Tipos de rejeição de e-mail
Uma mensagem de rejeição também é chamada de Relatório/Recibo de Não Entrega (NDR). É uma mensagem...
Central de conhecimento -
Crie e-mails de marketing no editor de e-mails de arrastar e soltar
O editor de e-mail de arrastar e soltar da HubSpot fornece uma interface intuitiva para dimensionar seus...
Central de conhecimento -
Personalizar o conteúdo
Com tokens de personalização, você pode mostrar conteúdo personalizado para os contatos no seu banco de dados...
Central de conhecimento