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, abra a guia Estilos do seu modelo. Em Otimização para dispositivos móveis, desative Otimizar para dispositivos móveis.

Com a opção Otimizar para dispositivos móveis ativada, você pode fazer outros 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 no celular

Selecione um bloco de Barra de cabeçalho e role para baixo até o menu Layout para dispositivos móveis na guia Estilos para selecionar um layout para dispositivos móveis. O padrão é Empilhar tudo, e você pode mudar isso para atender às suas necessidades.

Ocultar no celular ou no computador

Você pode escolher se um bloco aparece no celular, no desktop ou em ambos. Selecione o bloco e abra a guia Display; em seguida, escolha uma opção em Show on.

Se a visibilidade do dispositivo estiver definida na seção, ela substitui as configurações dos blocos. Selecione a seção e abra a guia Exibição para alterar a visibilidade da seção ou desative Definir a mesma visibilidade para todos os blocos nesta seção para definir a visibilidade de cada bloco separadamente.

Opção de esticar imagem

Em um bloco de imagem, você pode optar por exibir a imagem no maior tamanho disponível em dispositivos móveis. Selecione o bloco de imagem e abra a guia Estilos. Em Layout da imagem, ative Preencher coluna em dispositivos móveis. Se Preencher coluna estiver ativado, Preencher coluna em dispositivos móveis já estará ativado. Para desativar a configuração para dispositivos móveis, primeiro desative Preencher coluna.

Para remover o espaçamento interno horizontal do bloco no celular, ative Largura total no celular em Espaçamento interno do bloco na guia Estilos do bloco de imagem.

As colunas empilham no celular

Empilhar colunas (criadas usando as opções de bloco do layout Colunas ou do bloco divisão) em dispositivos móveis permite 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, escolha a configuração do seu layout:

• Para um layout de Colunas, selecione a seção e abra a guia Estilos. Em Empilhamento em dispositivos móveis, selecione Sem empilhamento.
• Para um bloco de divisão, selecione o bloco e abra a guia Estilos. Em Empilhamento em dispositivos móveis, selecione Sem empilhamento.

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

Quando a otimização para dispositivos móveis está ativada, Substituir o preenchimento interno da área de texto é ativado por padrão e define o preenchimento interno esquerdo e direito da área de texto como 18px. Para usar o próprio preenchimento da área de texto de cada bloco de texto:

1. Abra o menu Estilos do seu modelo.
2. Role até a seção Texto e títulos em celular.
3. Desative a 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 guia Entregabilidade de uma campanha de e-mail enviada, role para baixo até Desempenho por cliente de e-mail para ver aberturas únicas agrupadas por cliente de e-mail e com divisão entre dispositivos móveis e desktop. Isso pode dar uma indicação de como seu público está interagindo com seus e-mails. Aberturas de clientes de e-mail desconhecidos são excluídas, portanto o gráfico não mostra uma divisão completa dos dispositivos do seu público.

Você também pode segmentar com base nessas informações adicionando um filtro à condição O que alguém fez (ou não fez) > Abriu e-mail. Por exemplo, para encontrar quem abre no celular, adicione um filtro em que Tipo de cliente seja igual a Navegador móvel.

Recursos adicionais