Entenda a otimização de e-mails para dispositivos móveis

O que você vai aprender

Saiba mais sobre as configurações padrão de otimização para dispositivos móveis que a Klaviyo oferece para e-mails, bem como as ferramentas para personalizar como sua mensagem aparece em diferentes dispositivos. Você também pode optar por desativar todas as otimizações para dispositivos móveis acessando a guia Estilos do modelo do seu e-mail.

Opções gerais de otimização para celular

Se você optar por ativar as otimizações para dispositivos móveis, alguns ajustes serão feitos automaticamente para otimizar a aparência do seu e-mail quando ele for visualizado em um dispositivo móvel.

Se você preferir que seu e-mail não seja otimizado para dispositivos móveis, desative as otimizações na seção de dispositivos móveis da guia Estilos do seu modelo.

Há várias outras configurações que permitem fazer ajustes específicos para a visualização em dispositivos móveis, incluindo:

• Ajustar margens do conteúdo
• Ajuste os tamanhos do texto e do cabeçalho no celular
• Ajustar o espaçamento do texto e do título no celular
• Ajuste o espaçamento interno do bloco no celular

Layout da barra de cabeçalho/links no celular

Para qualquer bloco de cabeçalho/link, role para baixo até o menu Layout para celular na guia Estilos para selecionar um layout para celular. O padrão é Empilhar tudo, e você pode mudar isso para atender às suas necessidades.

Ocultar no celular ou no computador

Você pode selecionar se deseja que um bloco apareça no celular, no desktop ou em ambos. Isso pode ser personalizado para qualquer bloco acessando a aba Opções de exibição de um bloco.

Opção de esticar imagem

Em um bloco de imagem, você pode escolher esticar uma imagem para a largura total do quadro quando ela for visualizada no celular. Você verá essa opção na guia Estilos para qualquer bloco de imagem nas configurações de Bloco. Ative ou desative Largura total em celular.

As colunas empilham no celular

Empilhar colunas (criadas usando as opções de bloco de layout Colunas ou Divisão ) em dispositivos móveis permite ter textos e imagens maiores, que são mais fáceis de ler em uma tela pequena. Se você preferir que suas colunas apareçam lado a lado no celular, desative essa configuração na guia Estilos dessa seção. Se você fizer isso, as colunas vão permanecer lado a lado, mas serão redimensionadas para caber em uma tela de dispositivo móvel.

Preenchimento do bloco de texto no celular

Por padrão, todos os blocos de texto têm pelo menos 18px de preenchimento no dispositivo móvel. Para remover esse preenchimento:

1. Abra o menu Estilos.
2. Role até a seção Texto e títulos em celular.
3. Desative o botão de alternância Substituir preenchimento da área de texto.
   

Suporte a clientes de e-mail para otimização em dispositivos móveis

Muitos apps de e-mail têm diferentes níveis de suporte para otimizações para dispositivos móveis.

Se você está preocupado com como o design do seu e-mail será renderizado em diferentes clientes de e-mail e dispositivos, usar uma ferramenta de teste de e-mail de terceiros pode ajudar.

Recomendamos explorar o uso de uma ferramenta como o Litmus, que oferece um teste gratuito, além de planos mensais pagos. Você também pode procurar alternativas gratuitas que permitam testar e visualizar como seus e-mails ficarão quando forem vistos por destinatários usando diferentes clientes de e-mail e dispositivos.

Determine quantos assinantes estão abrindo no celular

Na aba Entregabilidade de uma determinada campanha, role para baixo até a seção Desempenho por cliente de e-mail para ver um detalhamento de quantos destinatários abriram seu e-mail em um navegador para dispositivos móveis versus desktop. Isso pode ajudar você a entender como seu público está interagindo com seus e-mails. Você também pode segmentar com base nessas informações ao adicionar um filtro à condição O que alguém fez (ou não fez) > Abriu e-mail.

Recursos adicionais