Ir para o conteúdo principal
Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.

E-mails marketing parecem diferentes no Outlook

Ultima atualização: Junho 28, 2023

Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Marketing Hub Basic (versão anterior)

Se você estiver usando o editor de e-mail clássico atualizado para redigir seus e-mails de marketing, poderá notar discrepâncias na forma como seu e-mail é processado 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 o design de e-mail na ComunidadeHubSpot Designers. 

Atenção: O Suporte HubSpot não pode suportar 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 > E-mail.
  • 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.

source-code-hspace-vspace

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 > E-mail.
  • 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.

    create-table

  • 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 da fonte, cor da fonte e altura da linha, como style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000", pois o Outlook adicionará seu próprio estilo quando não especificado.

table-styling

Solucione problemas com linhas horizontais inesperadas que aparecem no seu e-mail

Devido a um bug conhecido em algumas versões do Outlook, uma linha horizontal pode aparecer entre as seções do seu e-mail. Embora não haja uma maneira consistente de resolver o problema, você pode tentar as seguintes etapas de solução de problemas:

ms-text-size: nenhum; mso-line-height-rule: exactamente;

Esse artigo foi útil?
Este formulário deve ser usado apenas para fazer comentários sobre esses artigos. Saiba como obter ajuda para usar a HubSpot.