Comportamento de campanhas no celular

Os modelos de e-mail do Mailchimp utilizam design responsivo para ajustar o layout do seu e-mail, de modo que tenha ótima aparência em qualquer dispositivo. Contudo, nem todos os dispositivos lidam com código da mesma forma, o que pode fazer com que seu e-mail tenha a aparência um pouco diferente nos dispositivos móveis em relação aos navegadores.

Neste artigo, você descobrirá como exibimos os e-mails nos dispositivos móveis e como solucionar alguns problemas que você pode enfrentar.

Informações úteis

Aqui estão algumas coisas a saber.

• Usamos buscas de mídia para descobrir a capacidade de um dispositivo e otimizar o e-mail para isso. Se algo parece estar errado, o dispositivo pode não aceitar buscas de mídia e talvez seja necessário desenvolver um modelo personalizado.
• Esses aplicativos e dispositivos não são compatíveis com consultas de mídia: Android Yahoo Mail App, Blackberry OS 5, Samsung Galaxy S3+, Windows Mobile 6.1, Windows Phone 7 e 8.
• Recomendamos que você visualize e teste seu e-mail antes de enviar. Se você tem um plano pago, nossa ferramenta Inbox Preview mostra como seu e-mail aparecerá em uma variedade de dispositivos móveis.

Problemas com layout de e-mail

Meu layout de e-mail é alterado

Sempre que seu e-mail for visto em um dispositivo móvel, os blocos de conteúdo serão reorganizados para serem exibidos no formato de coluna única. Isso significa que, se você escolher um modelo do Criador de e-mail com blocos lado a lado, os blocos serão empilhados uns sobre os outros.

Se quiser que o conteúdo do seu e-mail seja exibido na mesma ordem quando visualizado em todos os dispositivos, use um modelo de coluna única. Para obter mais informações, consulte Crie um modelo de e-mail.

Minhas imagem ficam esticadas nos dispositivos móveis

Imagens grandes em um bloco de texto ou parágrafo podem esticar seu layout quando vistas em dispositivos móveis. Nossos modelos responsivos foram projetados para limitar imagens que se encontram em certos blocos de conteúdo de imagem.

Para evitar que sua imagem se estique, use o bloco de parágrafo no Novo Criador ou um desses blocos de imagem no Criador Clássico: Imagem, Grupo de imagens, Cartão de imagens, Imagem + Legenda.

Quero que meu e-mail fique igual à versão para desktop

Os modelos de arrastar e soltar fornecidos pelo Construtor de e-mail foram projetados para ser responsivos em dispositivos móveis. Se você busca um modelo que não seja responsivo em dispositivos móveis, ou se quer ter mais controle sobre o design do modelo, use um modelo com código personalizado.

Esse é um recurso avançado, recomendado para usuários familiarizados com programação personalizada. Se precisar de ajuda, entre em contato com o desenvolvedor ou contrate um Especialista em Mailchimp. Confira Importar um modelo HTML personalizado para obter informações sobre como importar, reutilizar e compartilhar modelos personalizados.

Problemas com a formatação

Quero alterar o tamanho da fonte da minha campanha responsiva.

As configurações de estilo nos modelos de arrastar e soltar do Mailchimp são projetadas considerando os dispositivos móveis. Cada bloco de conteúdo no Criador de campanhas contém uma seção Estilos em versão móvel, onde é possível alterar detalhes como o tamanho da fonte.

Editar e testar estilos em versão móvel em uma campanha

Há links em azul na minha campanha.

Alguns dispositivos móveis, especialmente iPhones e iPads, aplicam hiperlinks automaticamente a endereços, datas e números de telefone. Trata-se de uma função do sistema operacional do dispositivo e não é algo que possamos controlar no Mailchimp.

Para alterar a aparência do texto do link, será preciso entrar em contato com um desenvolvedor para editar o HTML da campanha.

Exportar o HTML do modelo

Minha data, meu número de telefone ou meu link desapareceu.

Aparentemente, sempre que os links são formatados para corresponder à cor de fundo de uma seção da campanha, eles desaparecem. Isso é particularmente comum com datas e números de telefone com links criados automaticamente.

No bloco de conteúdo afetado, altere a cor do plano de fundo ou os estilos de link das seções da campanha, para que não fiquem com a mesma cor que o plano de fundo da campanha.

Visualizar e editar o design da seção

Meus links âncora não funcionam.

Se você tiver links âncora em sua campanha, talvez não funcionem como o esperado em dispositivos móveis. Por exemplo, os iPhones exigem que seus inscritos toquem duas vezes no link para ir para a seção vinculada. Os dispositivos com iOS 9 ou posterior não têm compatibilidade alguma com links âncora.

Antes de enviar uma campanha para seus contatos, você pode visualizar e testar os links da campanha na Inbox Preview.

Testar com Inbox Preview
Visualizar e testar uma campanha de e-mail
Adicionar um índice a uma campanha