Editar e testar estilos para dispositivos móveis em uma campanha

Muitos de seus contatos provavelmente estão usando seus telefones e tablets para visualizar seus e-mails. Isso significa que é mais importante do que nunca fazer o design tendo em mente os dispositivos móveis. Para ter certeza de que as campanhas ficarão ótimas em qualquer dispositivo, use os estilos para dispositivos móveis do Mailchimp e o recurso visualizar e testar antes de enviar.

Neste artigo, você vai aprender a personalizar, visualizar e testar a aparência do seu e-mail em um dispositivo móvel.

Antes de começar

Algumas coisas que você deve saber antes de iniciar esse processo:

• 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.

Editar e visualizar estilos em versão móvel

Os modelos de arrastar e soltar do Mailchimp podem ajustar o estilo do seu e-mail para dispositivos móveis. Isso acontece automaticamente quando alguém abre seu e-mail no telefone ou tablet. Você pode alterar os estilos em versão móvel padrão para atender às suas necessidades.

Editar e visualizar estilos em versão móvel no Novo Criador

Para editar estilos em versão móvel no Novo Criador, siga estas etapas:

1. Clique na guia Estilos e selecione Dispositivos móveis.
   
2. Use os menus suspensos para editar os estilos de E-mail, Texto, Botão e Divisor , conforme o necessário.
3. Clique em Visualizar e selecione a guia Dispositivos móveis .
4. Clique no X para sair da visualização.

Dependendo do dispositivo móvel e do aplicativo usado para exibir e-mails, a exibição real pode variar.

Editar e visualizar estilos em versão móvel no Criador Clássico

Para editar os estilos em versão móvel no Criador Clássico, siga estas etapas: Se você estiver usando um modelo de código personalizado, precisará atualizar seus estilos em versão móvel manualmente.

1. Clique na guia Estilo e escolha Estilos em versão móvel.
   
2. Use os menus suspensos para editar os estilos em versão móvel conforme o necessário, e clique em Salvar.
3. Clique no menu suspenso Visualizar e selecione Entrar no modo de visualização.
   
4. Clique na guia Dispositivos móveis .
5. Clique no X para sair da visualização.

Dependendo do dispositivo móvel e do aplicativo usado para exibir e-mails, a exibição real pode variar.

Teste os seu e-mail

Para visualizar um rascunho do seu e-mail em seu dispositivo móvel, envie um e-mail de teste. Se você tiver um plano pago, use a Inbox Preview para ver como seu e-mail aparecerá em diferentes clientes de e-mail em vários dispositivos.

Se estiver usando o Criador Clássico, você pode enviar seu e-mail por push para o aplicativo móvel Mailchimp no seu dispositivo.

Enviar para dispositivo móvel no Criador Clássico

Para facilitar os testes, é possível visualizar seus e-mails no aplicativo aplicativo móvel Mailchimp. Confira nossos artigos sobre Mailchimp para iOS ou Mailchimp para Android para começar.

Instale o aplicativo móvel em seu dispositivo e envie um e-mail por push do Criador Clássico diretamente para o aplicativo para que você possa ver como ele aparece.

Para enviar um e-mail por push do seu computador para o seu dispositivo móvel usando o Criador Clássico, siga estas etapas:

1. Clique no menu suspenso Visualizar e escolha Notificação por push para dispositivo móvel.
   
2. No modal pop-up, clique em Notificação por push para dispositivo móvel. Se você ainda não baixou o aplicativo móvel, o modal pop-up exibirá links para a App Store e o Google Play.
3. No seu dispositivo móvel, abra a pré-visualização a partir da notificação por push recebida.

Se ignorar a notificação por push recebida, você terá que repetir esses passos para visualizar seu e-mail.

Solucione problemas de imagens em blocos de texto no Criador Clássico

As imagens dentro de blocos de conteúdo de texto podem ficar esticadas quando visualizadas em dispositivos móveis, já que os modelos responsivos não restringem as imagens. Para evitar que isso aconteça, use um bloco de conteúdo de imagem. Se quiser colocar texto e imagem no mesmo bloco, use o Cartão de Imagem ou o bloco de Imagem + Legenda. Para saber mais, consulte o artigo sobre comportamento de e-mail em dispositivos móveis.

Próximas etapas

Quer saber mais sobre dispositivos móveis e seus e-mails? Confira a nossa pesquisa sobre o impacto do uso de dispositivos móveis sobre o envolvimento com e-mails.

Para saber mais sobre como testar seus e-mails, confira o nosso artigo sobre dicas de teste de e-mail.