Otimize seu email de marketing para dispositivos móveis

Se você estiver redigindo um e-mail de marketing, você pode ocultar seções específicas para destinatários em clientes de e-mail para desktop ou dispositivos móveis, bem como alterar a configuração da coluna e o layout geral para adaptá-los aos usuários que leem seu e-mail em dispositivos menores. Adaptar seu e-mail a diferentes dispositivos pode ajudar a aumentar o engajamento e melhorar a experiência geral do usuário com seus e-mails.

Observe: esse recurso só está disponível ao usar o editor de e-mail de arrastar e soltar. Modelos de e-mail codificados personalizados ainda exigirá que um desenvolvedor crie consultas de mídia para levar em conta as diferenças no tamanho do cliente de e-mail e no tipo de dispositivo.

Suporte ao cliente por e-mail

A maioria dos principais provedores de e-mail oferece suporte às configurações de otimização para dispositivos móveis que o HubSpot fornece no editor de e-mail de marketing, mas os seguintes clientes de e-mail não oferecem suporte a e-mails otimizados para dispositivos móveis no momento:

• O Yahoo! Correio no Android
• AOL Mail no Android
• Gmail IMAP (ou seja, usar o aplicativo Gmail com uma conta que não seja do Google)
• Algumas versões do Samsung Mail, como usar uma conta do Outlook conectada ao Samsung Mail.

Se estiver usando um dos clientes listados acima, os recursos de otimização móvel do HubSpot que inserem consultas de mídia específicas para desktop ou celular não ser aplicado. As seções definidas para serem ocultas no desktop ou no celular também ficarão visíveis.

Limitações

Não é possível definir configurações de módulo para valores diferentes entre clientes desktop e móveis. Por exemplo, você não pode configurar o tamanho da fonte, o preenchimento ou o alinhamento do módulo para que apareça de forma diferente entre os tipos de cliente.

No entanto, você pode criar uma seção específica para desktop que inclua quaisquer módulos necessários, com cada módulo configurado para aparecer da maneira que você precisa para os destinatários em seu desktop e, em seguida, certifique-se de que ele esteja oculto para clientes móveis. Em seguida, clonar a seção, personalizar a nova seção para ser otimizada para clientes móveis e configurá-la para ficar oculta para clientes desktop.

Saiba mais sobre a configuração das configurações de visibilidade específicas do cliente nas seções abaixo.

Ocultar módulos e seções no desktop ou celular

Para personalizar quais módulos ou seções aparecem para destinatários de desktop ou dispositivos móveis:

• Clique no nome de um e-mail rascunhado ou clique Criar e-mail no canto superior direito para criar um novo e-mail.
• Clique no desktop ícone da área de trabalho ou mobile ícone móvel na parte superior do editor de e-mail para configurar as configurações de cada tipo de cliente.

• Passe o mouse sobre um módulo ou seção e clique em hide ocultar ícone para ocultar esse módulo na versão do e-mail que você está editando.
  
  • Para mostrar todos os módulos ocultos de uma versão que você está editando, clique em Mostrar tudo oculto na parte superior do editor de e-mail.
  • Você pode clicar no view ícone de visualização para alternar um módulo oculto de volta para visível para aquela versão do e-mail.

• No painel esquerdo, você pode selecionar o Mostrar como largura máxima em dispositivos móveis caixa de seleção para garantir que o módulo ou seção apareça em largura total para destinatários móveis.

Personalize o layout do e-mail para dispositivos móveis ou desktop

Para configurar diferentes configurações de layout entre clientes móveis e de desktop:

• No painel esquerdo, clique em Contente aba.
• Para personalizar como uma seção de e-mail aparecerá entre o desktop e o celular:
  • Clique em um dos seções de e-mail.
  • Sob o Visibilidade seção, você pode alternar o Todos os dispositivos desligue e clique Mostrar ou Esconder sob o respectivo Área de trabalho e Móvel seções.

• • No Disposição seção, alternar o Todos os dispositivos desligue e configure o layout de colunas para Desktop e o layout de empilhamento para dispositivos móveis.

• • Você pode então editar o estilo da seção para clientes móveis ou de desktop. Editar o Cor do corpo, Largura da borda e tipo, Tipo de fundo, e Fundo cor associada a destinatários móveis ou de desktop.
• Para personalizar como um modelo aparece para destinatários de desktop ou dispositivos móveis:
  • No painel esquerdo, clique em Projeto.
  • No Modelo seção, alternar o Todos os dispositivos desligar.
  • Você pode então editar o estilo do modelo para clientes móveis ou de desktop. Editar o Cor do corpo, Largura da borda e tipo, Tipo de fundo, e Cor de fundo associado a destinatários móveis ou de desktop.

Quando terminar de editar as configurações de visibilidade e layout do seu e-mail, você pode visualizar como o e-mail aparecerá em vários clientes de e-mail comuns.