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.

Pré-visualizar e optimizar a forma como o seu e-mail aparece entre clientes e dispositivos

Ultima atualização: Junho 28, 2023

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

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

Ao desenhar o seu e-mail de marketing, pode prever o seu aspecto em diferentes tipos de dispositivos e clientes de e-mail. Se notar que o seu correio electrónico não responde como esperado em clientes específicos, leia as melhores práticas e correcções para questões comuns abaixo

Pré-visualize o seu e-mail em dispositivos móveis e clientes desktop

Antes de enviar o seu e-mail, pode prever como será o seu aspecto em diferentes clientes e dispositivos.

  • Na sua conta da HubSpot, navegue até Marketing > E-mail.
  • Clique no nome de um e-mail de rascunho existente.
  • No canto superior direito do editor de e-mail, clique no menu suspenso Ações e clique em Visualizar.
  • Reveja o aspecto do seu e-mail tanto num ecrã mais largo como numa versão móvel mais pequena
  • Para pré-visualizar como o seu e-mail irá aparecer em clientes de e-mail específicos, clique em Clientes no topo do ecrã de pré-visualização.
  • No painel da esquerda, seleccione a caixa de verificação ao lado de qualquer cliente de e-mail que queira pré-visualizar.
  • No canto superior direito, clique em Testar meu e-mail agora. HubSpot irá gerar pré-visualizações para cada um dos clientes que seleccionou.
    • Clique nos < or > botões para navegar entre as pré-visualizações dos clientes.
    • Por defeito, muitos clientes irão inicialmente desactivar as imagens quando o e-mail for carregado pela primeira vez. Para ver como o seu e-mail aparece sem imagens, ligue o interruptor de bloqueio de imagem.

preview-your-email-in-editor

Resolver questões de recorte de Gmail

Se o tamanho total do seu e-mail, incluindo qualquer código incorporado na marcação da sua mensagem, exceder 102 KB, o Gmail irá recortar o seu e-mail. Para ver o conteúdo completo do seu e-mail, o seu destinatário terá de clicar no link Ver toda a mensagem, o que pode afectar negativamente a sua reputação de envio, e também interferir com a capacidade do HubSpot de acompanhar as interacções com o seu e-mail.

Se o seu e-mail redigido estiver em risco de ser recortado no Gmail, aparecerá um aviso no painel de Revisão e envio .

revisão-e-enviado-gmail-clipping-warning

Para evitar que o Gmail recorte o seu e-mail, pode seguir os passos abaixo:

  • Recorte qualquer conteúdo extra: reveja o seu e-mail para remover qualquer conteúdo que não seja essencial para os seus destinatários lerem. Deverá também verificar o código ou estilo que possa ter incluído se copiou o conteúdo de um editor separado. Tenha em mente que a remoção de imagens grandes não irá reduzir significativamente o tamanho do seu e-mail, uma vez que são carregadas separadamente do conteúdo do seu e-mail.
  • Evite enviar vários e-mails com a mesma linha de assunto: se enviar vários e-mails a um destinatário que tenha a mesma linha de assunto, o Gmail irá combiná-los automaticamente num único tópico, mesmo que o e-mail mais recente inclua novo conteúdo.
  • Teste o seu e-mail após efectuar alterações: depois de rever o seu e-mail para reduzir o seu tamanho, envie um e-mail de teste para uma conta Gmail que possui para verificar se o seu e-mail aparece como seria de esperar sem qualquer recorte.

Faça o seu e-mail móvel amigável

Embora seja difícil conceber o seu e-mail para aparecer perfeitamente entre o ambiente de trabalho e o móvel, pode seguir as dicas abaixo para melhor assegurar uma experiência móvel consistente.

Use um modelo de email responsivo

Todos os modelos de arrastar e soltar do HubSpot são respondidos por padrão. Isso significa que o conteúdo se ajusta para se adaptar à tela. O HubSpot também adiciona uma largura máxima às imagens no editor de conteúdo, portanto você não precisa se preocupar sobre edição do código fonte para adicionar largura máxima.

Se estiver criando um modelo de e-mail codificado no HubSpot, certifique-se de usar nosso marcação de modelo de e-mail responsivo. Você também pode comprar um modelo de e-mail responsivo do Marketplace do modelo.

Reduzir tamanhos de arquivo de imagem

Na maioria dos casos, a velocidades em dispositivos móveis são mais lentas do que no desktop. Use arquivos de imagem menores para diminuir seu tempo de carregamento de e-mail. O HubSpot redimensiona automaticamente as suas imagens que incluem um atributo de largura numa <img> etiqueta. Serviços como oRedimensionador de foto FastStone e JPEGmini também pode reduzir o tamanho do arquivo como de 80% sem reduzir a qualidade da sua imagem.

Aumentar o tamanho dos links e botões de CTA

Verifique se seu conteúdo é grande o suficiente para ser visto claramente em um dispositivo móvel. Para garantir que seus assinantes possam ver e clicar em seu conteúdo claramente, certifique-se de que quaisquer links de texto e botões de CTA sejam mais altos e mais largos que 57 x 57 pixels.

Resolução de problemas de texto de pré-visualização de e-mail

Quando o seu e-mail aparece na caixa de entrada de um destinatário, clientes de e-mail como o Gmail ou o Outlook podem apresentar conteúdo adicional a partir do corpo do seu e-mail após a linha de assunto e pré-visualizar o texto. Este comportamento pode resultar em texto não intencional após a pré-visualização. Por exemplo, se incluiu uma imagem como um banner ou logotipo no topo do seu e-mail, o texto alt da imagem pode ser incluído na pré-visualização do e-mail.

e-mail-preview-text com-image-alt-text

Para evitar este problema, pode tentar fornecer um resumo do conteúdo do seu e-mail como o texto alt de uma imagem no topo do seu e-mail, ou pode omitir o texto alt por completo. Para confirmar que o texto de pré-visualização completo aparece como esperado, pode enviar a si próprio um email de teste.

Evitar o uso de JavaScript e molduras em linha

Se estiver a utilizar o editor de e-mail clássico para criar os seus e-mails, deve evitar utilizar <script> ou <iframe> elementos no seu modelo, uma vez que não serão apresentados pela maioria dos principais clientes de e-mail. Se estiver a adicionar um <iframe> elemento HTML para inserir um vídeo no seu e-mail, deverá optar por utilizar o módulo de vídeo.

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.