Comportamento de campanhas no celular

Os modelos de campanha do Mailchimp utilizam design responsivo para ajustar o layout da sua campanha, 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 sua campanha tenha a aparência um pouco diferente nos dispositivos móveis em relação aos navegadores.

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

Coisas a saber

Veja algumas informações sobre a solução de problemas de comportamento de campanhas em dispositivos móveis.

• Usamos buscas de mídia para descobrir a capacidade de um dispositivo e otimizar a campanha de acordo. Se algo parece estar errado, o dispositivo pode não aceitar buscas de mídia e talvez seja necessário desenvolver um modelo personalizado.
• Os seguintes aplicativos e dispositivos não aceitam buscas de mídia: Android Yahoo Mail App, Blackberry OS 5, Samsung Galaxy S3+, Windows Mobile 6.1, Windows Phone 7 e 8.
• Antes de enviar uma campanha, recomendamos visualizar e testar sua campanha. Nossa ferramenta Inbox Preview mostra como sua campanha será exibida em uma variedade de dispositivos móveis.
• Você também pode visualizar suas campanhas com o aplicativo móvel.

Problemas com o layout da campanha

Minhas alterações no layout da campanha.

Sempre que sua campanha for vista 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 Construtor de campanhas com blocos lado a lado, o bloco da esquerda será exibido empilhado sobre o bloco da direita.

Se você quer que o conteúdo da campanha seja exibido na mesma ordem, independentemente do dispositivo em que estiver sendo exibido, use o modelo de coluna única.

Sobre blocos de conteúdo

Minhas imagem ficam esticadas nos dispositivos móveis.

Imagens grandes em um bloco de texto pode 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 impedir que a imagem fique esticada, use um desses blocos de imagem na campanha: Imagem, Grupo de imagens, Cartão de imagem, Imagem + Legenda.

Quero que minha campanha fique igual à versão para desktop.

Os modelos de arrastar e soltar fornecidos pelo Construtor de campanhas 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.

Como importar um modelo HTML personalizado

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 Construtor de campanhas contém uma seção Estilos móveis para celular, onde é possível alterar detalhes como o tamanho da fonte.

Editar e testar estilos para dispositivos móveis 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 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 funcionam como o esperado em dispositivos móveis. Por exemplo, os iPhones exigem que seus assinantes 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 sumário a uma campanha