Ao projetar seu e-mail de marketing, você pode visualizar sua aparência em diferentes tipos de dispositivos e clientes de e-mail. Se você perceber que seu e-mail não é renderizado conforme o esperado em clientes específicos, leia as práticas recomendadas e as soluções para problemas comuns abaixo.
Antes de enviar seu e-mail, você pode visualizar como ele ficará em diferentes clientes e dispositivos.
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 visualizar o conteúdo completo do seu e-mail, o destinatário deverá clicar no botão Ver mensagem inteira link, o que pode impactar negativamente sua reputação de envio e também interfere na capacidade da HubSpot de rastrear interações com seu e-mail.
Se o seu e-mail redigido corre o risco de ser cortado no Gmail, um aviso aparecerá na caixa Revise e envie painel. Este aviso é baseado em uma aproximação do tamanho do seu e-mail, com base no HTML do seu e-mail e nos links de rastreamento associados.
Para evitar que o Gmail recorte seu e-mail, siga as etapas abaixo:
Embora seja difícil projetar seu e-mail para que apareça perfeitamente entre o desktop e o celular, você pode seguir as dicas abaixo para garantir da melhor forma uma experiência móvel consistente.
Tudo HubSpot modelos de arrastar e soltar são responsivos por padrão. Isso significa que o conteúdo se ajusta para se adaptar à tela. O HubSpot também adiciona largura máxima às imagens no editor de conteúdo, para que você não precise se preocupar em editar o código-fonte para adicionar larguras máximas.
Se você 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 adquira um modelo de e-mail responsivo no Mercado de modelos.
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. HubSpot automaticamente redimensiona suas imagens que incluem um atributo de largura em um <img> marcação. Serviços como Redimensionador de fotos FastStone e JPEGmini também pode reduzir o tamanho do arquivo em até 80% sem reduzir a qualidade da imagem.
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 com clareza, certifique-se de que todos os links de texto e botões de CTA estejam mais alto e mais largo que 57x57 pixels.
Quando seu email aparece na caixa de entrada de um destinatário, clientes de email como Gmail ou Outlook podem renderizar conteúdo adicional do corpo do email após a linha de assunto e o texto de visualização. Esse comportamento pode resultar em texto indesejado após a visualização. Por exemplo, se você incluiu uma imagem como um banner ou logotipo na parte superior do seu e-mail, o texto alternativo da imagem poderá ser incluído na visualização do e-mail.
Para evitar esse problema, você pode tentar fornecer um resumo do conteúdo do seu e-mail como o texto alternativo de uma imagem na parte superior do e-mail ou pode omitir completamente o texto alternativo. Para confirmar se o texto de visualização completo aparece conforme esperado, você pode envie um e-mail de teste para você mesmo.
Se você estiver usando o editor de e-mail clássico para criar seus e-mails , você deve evitar usar <script> ou <iframe> elementos em seu modelo, já que eles não serão renderizados pela maioria dos principais clientes de e-mail. Se você estiver adicionando um <iframe> a um elemento HTML para inserir um vídeo em seu e-mail, você deve optar por usando o módulo de vídeo em vez disso.