Pré-visualizar e testar

O MailInApp monta cada e-mail em várias versões, e o estúdio deixa você conferir todas antes de enviar: no celular, depois que alguém respondeu e do jeito que um app de e-mail específico o mostra.

Computador e celular

O seletor Dispositivo acima da tela mostra o e-mail na largura de computador ou em um celular de 375 px, com os ajustes para celular aplicados. Em Pré-visualizar, Lado a lado mostra os dois ao mesmo tempo. Os níveis enviados desenham a visualização de celular em um quadro real de 375 px, então as regras de celular do e-mail valem exatamente como valerão em uma caixa de entrada.

Níveis de pré-visualização

Em Pré-visualizar, o seletor de nível escolhe o que você vê:

• Visualização ao vivo: a versão web hospedada que os destinatários abrem por um link.
• Enviado: o HTML enviado, do jeito que um app de e-mail moderno o lê.
• Outlook: o HTML enviado com os ramos próprios do Outlook clássico forçados, para você ver a versão dele sem ter uma cópia.
• Clientes: o HTML enviado do jeito que um app de e-mail específico o mostra (veja abaixo).

O botão de modo escuro ao lado mostra o e-mail no modo escuro, como o nível ou o app escolhido o desenharia.

Estados da prévia

Blocos interativos mostram um menu Estado da prévia na tela. Escolha um estado para ver o bloco como um destinatário o veria depois de agir. Os estados são Respondido (com a resposta que você escolher), Enviado, Agendado, Encerrado, Revelado, Ganhou (com o prêmio que você escolher), a Página do assistente de um formulário, Esgotado, Salvo para depois, Terminou e Antes de abrir. Um selo no bloco mostra qual estado você está vendo.

Nos blocos que mostram resultados, Resultados simulados permite digitar números (votos por opção, avaliações e uma média, um NPS, joinhas, confirmados) e ver a barra ou a imagem de resultados com eles.

Estados e números simulados são só prévia: nunca são salvos com o e-mail nem enviados.

Cada app de e-mail

O nível Clientes mostra o e-mail do jeito que um App de e-mail escolhido o mostra: Mail no iOS, iCloud Mail, Thunderbird, cada app do Gmail, Outlook.com e os apps do Outlook, e Yahoo Mail. É uma simulação feita a partir de medições em caixas de entrada reais, não uma captura de tela, e abaixo do e-mail ela lista quais blocos funcionam ali, quais mostram a alternativa, o que os formulários fazem nesse app e o que ele faz no modo escuro. Cada app tem os próprios controles de largura de celular e modo escuro.

Capturas reais. A partir do plano Pro, conecte o Mailgun Inspect em Configurações › Integrações e clique em Fazer capturas reais para ver o e-mail em caixas de entrada reais, ao lado da simulação. As capturas usam as prévias incluídas no seu plano do Mailgun.

Onde cada bloco funciona

Todo bloco interativo mostra uma linha Onde funciona no Inspetor, e a mesma linha como dica no painel Inserir: quais apps o executam dentro do e-mail, quais mostram a alternativa e quais ainda não foram medidos. Um bloco de um toque (enquete, avaliação, RSVP, agendamento) diz que funciona em todos os apps, já que cada escolha é um link confirmado em uma página web. As linhas vêm das mesmas medições de Suporte a clientes de e-mail.

Para escrever um texto só para uma versão, como "Vote na web" abaixo de uma enquete nos apps que caem no fallback, use a opção Mostrar em de um bloco.

Verificação de pré-voo

🔍 Verificação de Pré-Voo revisa o e-mail antes de ele sair, organizada em abas:

• Acessibilidade: contraste de cores no modo claro e escuro, ordem dos títulos, texto alternativo (obrigatório em imagem com link), textos de link como "clique aqui", o idioma do e-mail e áreas de toque pequenas demais.
• Links: cada link é verificado ao vivo, com código de status e redirecionamentos; links sem https e links rastreados sem parâmetros UTM são sinalizados.
• Entregabilidade: o tamanho de corte do Gmail, imagens demais para o texto, frases de spam, tudo em maiúsculas, encurtadores de link e textos de link que citam um site diferente daquele para onde o link leva.
• Apps de e-mail: blocos sem uma alternativa que funcione, cantos ou fundos que o Outlook clássico não desenha e fontes web que caem na alternativa.
• Conteúdo: blocos vazios ou incompletos, como uma aba sem título ou um cupom sem código.

Muitos problemas têm um botão Corrigir que aplica a correção por você (adicionar texto alternativo, trocar uma cor por outra com contraste suficiente). O medidor Corte do Gmail abaixo da tela mostra o tamanho do e-mail enquanto você trabalha: o Gmail corta um e-mail acima de 102 KB e esconde o resto, incluindo o link de descadastro.

Assunto, texto de pré-visualização e envios de teste

O cabeçalho do estúdio traz o Assunto e o Texto de pré-visualização do e-mail, a linha que as caixas de entrada mostram depois do assunto. São os mesmos campos da página de envio.

Enviar teste envia o e-mail para até 5 endereços. Pré-visualizar como escolhe uma linha de destinatário, para que as tags de personalização e as condições de exibição sejam resolvidas como serão para essa pessoa. Na página de um modelo da galeria, Me enviar este exemplo envia o modelo para o seu próprio endereço.