E-mails marketing parecem diferentes no Outlook
Ultima atualização: Janeiro 29, 2024
Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:
Marketing Hub Professional , Enterprise |
Content Hub Professional , Enterprise |
Marketing Hub Basic (versão anterior) |
Se estiver a utilizar o editor de correio eletrónico clássico atualizado para redigir os seus e-mails de marketing, poderá notar discrepâncias na forma como o seu e-mail é apresentado no Outlook, devido ao suporte limitado do Outlook para CSS.
Se você notar que o posicionamento ou espaçamento do e-mail parece incorreto no Outlook, siga as etapas abaixo para a solução de problemas.
Saiba mais sobre design de e-mail na Comunidade de Designers da HubSpot .
Observação: O Suporte da HubSpot não pode oferecer suporte a modelos de e-mail codificados personalizados. Se você estiver usando um modelo codificado personalizado, procure o provedor que criou o modelo. Também pode estabelecer contacto com outros utilizadores e designers da HubSpot na Comunidade .
Espaçamento
Há dois métodos para ajustar o espaçamento em torno de imagens no Outlook: usando hspace ou vspace, e usando tabelas.
Utilizar o hspace e o 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 HubSpot, acesse Marketing > E-mail marketing.
-
Passe o cursor do mouse sobre o nome do e-mail e clique em Editar.
-
Clique no módulo de conteúdo,
- 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.
Utilização de tabelas
Você pode usar uma tabela de três colunas para conter uniformemente sua imagem, espaçamento e texto:
- Na sua conta HubSpot, acesse Marketing > E-mail marketing.
-
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 3x1.
-
Na barra de ferramentas do editor de rich text, clique em Mais e, em seguida, clique no ícone de código-fonte htmlFile.
-
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 fonte, um tamanho de fonte, uma cor de fonte e uma altura de linha, tal como style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000", uma vez que o Outlook adicionará o seu próprio estilo quando não especificado.
Resolver problemas de linhas horizontais inesperadas que aparecem no seu e-mail
Devido a um erro conhecido em algumas versões do Outlook, pode aparecer uma linha horizontal entre as secções do seu e-mail. Embora não exista uma forma consistente de resolver o problema, pode tentar os seguintes passos de resolução de problemas:
- Defina a cor de fundo da sua mensagem de correio eletrónico para ser igual à cor do corpo.
- Actualize o tamanho do tipo de letra e a altura das linhas do seu conteúdo para que sejam números pares.
- Inclua os seguintes estilos CSS na secção de cabeçalho do seu modelo de correio eletrónico:
ms-text-size-adjust: none; mso-line-height-rule: exactly;