O que é AMP para e-mail e o que você deve saber antes de experimentá-lo?

Anos depois que o Google pretendia acelerar a web móvel, o pequeno raio azul tornou-se um símbolo reconhecível nos resultados dos mecanismos de pesquisa.

Com dezenas de milhões de domínios agora "AMP", a estrutura de código aberto expandiu seu alcance. Agora, os profissionais de marketing não estão apenas acelerando páginas de destino pós-clique, postagens de blog e sites completos com AMP; eles estão melhorando o e-mail com ele também.

O que é AMP para e-mail?

O AMP para e-mail é outra maneira de os profissionais de marketing aproveitarem a velocidade da estrutura de páginas móveis aceleradas. No lançamento oficial no blog AMP, o gerente de produto do Gmail e bate-papo, Aakash Sahney, chama isso de uma maneira poderosa para os desenvolvedores criarem experiências de e-mail mais envolventes, interativas e acionáveis.

O que você pode fazer com o AMP para e-mail?

Uma das perguntas mais frequentes sobre o AMP para e-mail é: você pode fazer todas as coisas com o AMP para e-mail que pode com o AMP?

A resposta é não."

No entanto, o e-mail AMP é muito menos restrito do que o e-mail tradicional. E embora você não possa usar TODOS os comandos do AMP no Gmail, ainda pode criar uma experiência de usuário altamente rica. De acordo com a AMP, aqui está o que você pode usar em seus e-mails AMP:

conteúdo dinâmico

Até agora, o conteúdo do e-mail tem sido basicamente estático. O usuário não pode interagir com ele a não ser para ler, assistir ou clicar. Com o AMP para e-mail, o conteúdo dinâmico permite um engajamento mais versátil, como o envio de formulários, por exemplo. Aqui estão alguns dos elementos de conteúdo dinâmico que você poderá usar com o AMP para e-mail:

• amp-form: Este é o elemento de formulário do AMP. Ele permite que os designers criem formulários diretamente no e-mail que podem ser preenchidos pelos usuários.
• amp-selector: Este é um widget de seleção múltipla para uso em um formulário.
• amp-bind e amp-state: Linguagem de script simples em AMP que permite a manipulação de uma máquina de estado para interações entre elementos. Também pode ser usado para adicionar comportamento em determinados eventos. amp-state é usado para buscar remotamente os valores iniciais da máquina de estado.
• amp-list: busca remotamente dados JSON que serão renderizados por um arquivo .
• template type=”amp-mustache”: uma marcação de modelo Mustache para renderizar os resultados de uma chamada amp-list.

Disposição

O layout do e-mail tradicional é bastante rígido. O AMP para e-mail abre com elementos como um carrossel para mídia, lightboxes para imagens e texto e acordeões para mostrar e ocultar diferentes seções. Aqui estão os elementos que você pode usar para exibir seu e-mail de maneiras inovadoras:

• amp-accordion: Um elemento de interface do usuário que facilita a exibição/ocultação de diferentes seções.
• amp-carousel : um componente de IU de carrossel.
• amp-sidebar: Uma barra lateral para fins de navegação.
• amp-image-lightbox: Uma caixa de luz para conter imagens.
• amp-lightbox: Uma caixa de luz para conter conteúdo.
• amp-fit-text: um componente auxiliar para ajustar o texto em uma determinada área.
• amp-timeago: fornece uma maneira conveniente de renderizar carimbos de data/hora.

meios de comunicação

Na batalha contra a taxa de rejeição, a mídia é seu maior inimigo, contribuindo mais para os tempos de carregamento do que qualquer outro elemento. Com os dois elementos abaixo, você garantirá eficiência e velocidade sem comprometer o design.

• amp-img: Um componente AMP que substitui “imagem”.
• amp-anim: incorpora arquivos GIF.

3 Exemplos de AMP para e-mail

O AMP ainda não foi totalmente implementado para todos os usuários. Isso não significa que não temos exemplos de seu uso. Em 2018, algumas empresas fizeram parceria com o Google para destacar o que os profissionais de marketing podem fazer com o AMP para e-mail. Na Conferência AMP de 2018, eles apresentaram os resultados.

1. Rabisco

O Doodle é uma ferramenta que facilita o agendamento de reuniões. Com a ajuda de pesquisas sobre locais e horários, os gerentes podem descobrir os horários ideais de reunião para todos os participantes.

Normalmente, essas enquetes exigem que os visitantes concluam ações mais dinâmicas em uma página da web. Mas, com o AMP para e-mail, as coisas parecem um pouco diferentes.

Abaixo, você verá uma imagem de uma enquete que está sendo configurada no Doodle. O título diz “Salve o mundo com correio dinâmico:”

Quando o usuário clica em “Continuar”, ele pode escolher o horário mais conveniente para ele e, em seguida, enviar por e-mail para o grupo:

Esta é a aparência do e-mail no Gmail. Você notará que abaixo do título do evento “Salve o mundo com e-mail dinâmico”, a notificação “4 de 11 participantes, – 0 comentários”. É aqui que o AMP para e-mail brilha:

conteúdo dinâmico

O que você está vendo é um conteúdo dinâmico. Como em, este conteúdo será atualizado à medida que mais usuários participarem da enquete. Quando um quinto usuário concluir a enquete, você verá que 5 de 11 participaram. Quando alguém comentar, você verá uma contagem de comentários atualizada.

Isso se opõe ao conteúdo normalmente estático que recebemos nos e-mails. Com um e-mail estático, se quiséssemos ser atualizados sobre o número de pessoas que participaram da enquete, precisaríamos receber um segundo e-mail. O que você vê acima, não importa quando é aberto, terá as informações mais atualizadas sobre a votação.

Outro ótimo exemplo de AMP para e-mail no seu melhor é visto abaixo, na função “Enviar lembrete” do e-mail:

Aqui, você notará que o usuário pode inserir os endereços de e-mail dos participantes e clicar em “Enviar” para lembrá-los de concluir a votação. Este é mais um exemplo brilhante de AMP para e-mail no trabalho.

O que você está vendo é o preenchimento de um formulário como seria em um site ou aplicativo. No entanto, está em um e-mail, o que torna o preenchimento muito mais fácil.

Em seguida, vemos como fica quando a maioria dos participantes conclui a enquete e o usuário pode escolher uma data e hora finais. Você verá que o conteúdo dinâmico indica que 10 pessoas podem chegar na segunda-feira, 19 de fevereiro, quando apenas 9 podem chegar na terça-feira e 8 na quarta-feira:

Ao clicar na data e depois no botão “Concluído”, o usuário pode finalizar o horário da reunião, momento em que os participantes serão notificados.

2. Booking.com

Assim como o Doodle, o Booking.com aproveita o conteúdo dinâmico do AMP para oferecer aos usuários uma melhor experiência no e-mail. Neste caso, refere-se à sua procura de alojamento.

Como você pode ver neste primeiro e-mail, Booking.com oferece a seus usuários uma recomendação de quarto com uma imagem. Mas, uma miniatura? Isso não é tudo o que você precisa ver para decidir sobre um quarto:

Mas, ao contrário do e-mail estático, que o forçaria a clicar na página do anúncio para ver as fotos deste apartamento, o AMP para e-mail permite que o usuário clique na seta na borda da imagem para deslizar para a próxima foto, vista abaixo:

O usuário obtém uma visão mais informada da listagem sem precisar sair do e-mail. Embora um controle deslizante de e-mail como este possa ser criado com CSS, ele é considerado uma experiência muito mais suave com AMP para e-mail.

Mas, e se o usuário excluir totalmente essa listagem? Com AMP para e-mail, não é um problema.

Quando o usuário rolar para baixo, ele encontrará várias outras listagens. Aqui, você vê um em Moscou, Paris, Amsterdã e muito mais.

E se isso não for suficiente, o usuário pode clicar em “Ver nova oferta” no local desejado e outra listagem nesse local aparecerá:

E se os usuários decidirem que estão recebendo muitos e-mails promocionais da Booking.com, eles podem simplesmente rolar até o final da mensagem e clicar em “Gerenciar sua assinatura”, que revelará um formulário abaixo:

Aqui, tanto o usuário quanto o profissional de marketing se beneficiam muito. O usuário pode determinar com que frequência deseja receber esses e-mails ou cancelar completamente a assinatura, enquanto o profissional de marketing coleta mais dados sobre como os usuários respondem às suas campanhas.

3. Pinterest

O Pinterest sempre foi uma rede social altamente visual, o que ajuda sua equipe a criar e-mails que chamam a atenção. Infelizmente, antes do AMP para e-mail, chamar a atenção é tudo o que eles poderiam ser.

Pegue este e-mail abaixo:

Normalmente, se este e-mail estivesse na sua caixa de entrada, você teria que clicar para ver os detalhes da receita, o que ela contém, comentários sobre ela, variações, etc.

Mas, com o AMP para e-mail, você pode clicar na receita “Korean Fried Chicken Tacos” no canto superior direito do quadro e ela se expandirá, no e-mail, para um alfinete maior e mais detalhado:

Para o Pinterest, o AMP para e-mail faz sentido em todos os aspectos, mas especialmente durante o processo de integração, que é difícil de ser concluído pelos usuários. Aqui está o quão mais fácil poderia ser com o AMP para e-mail…

Normalmente, quando um usuário se inscreve, ele recebe um e-mail como o abaixo, que o instrui a seguir 5 ou mais tópicos para que o Pinterest possa criar um feed personalizado para ele:

Em um e-mail estático, os usuários teriam que clicar para acessar o site do Pinterest para escolher cinco tópicos a seguir.

Título Dinâmico

Mas, como você pode ver no exemplo abaixo, uma vez que o usuário começa a clicar nos tópicos, o título do e-mail muda dinamicamente para “Seguir 3 (ou mais!) Tópicos:”

Eles podem escolher não apenas entre os tópicos exibidos, mas também aqueles ocultos por filtros sob o subtítulo. Eles lêem “Comida”, “DIY” e “Arte”. Quando o usuário clica neles, eles revelam um novo grupo de fotos atuais nas quais o usuário pode clicar para se inscrever.

Quando a seleção do tópico é concluída, o CTA acima, que está acinzentado, fica vermelho e se torna clicável e mostra “Concluído”. Além disso, a manchete diz “Tudo pronto!” acima do subtítulo "Pronto para criar um feed personalizado para você". Você pode ver como fica aqui:

Quando o usuário clica em “Concluído”, um feed inicial é criado e a barra de carregamento, abaixo, avança como em um aplicativo, com o título/subtítulo “Construindo o feed inicial/Encontrando suas ideias de…”

Após a conclusão, o usuário está totalmente pronto para começar a interagir com o aplicativo, e o e-mail o informa com um botão que diz “Homefeed pronto!” através do qual eles podem clicar para acessar o site.

Possíveis negativos para AMP para e-mail

Embora o AMP para e-mail traga um potencial revolucionário para um meio poderoso, nem todos estão convencidos de que será para melhor. Em uma postagem no blog da Litmus, Jain Mistry descreve alguns problemas que a tecnologia pode enfrentar:

• Há pouco suporte dos ESPs: os e-mails que usam AMP não são como os e-mails tradicionais, portanto, não podem ser criados da maneira tradicional. Se o seu provedor de serviços de e-mail não for compatível com a tecnologia necessária para criá-los, talvez você não consiga.
• O AMP para e-mail funciona apenas no Gmail: Atualmente, o AMP para e-mail é exclusivo do Gmail. Se sua lista de e-mail for principalmente de usuários do Gmail, isso pode não ser um problema. Caso contrário, talvez seja necessário criar uma versão não AMP do seu e-mail para usuários que não são do Gmail.
• O rastreamento pode ser limitado: o rastreamento é crucial para a otimização. Atualmente, os profissionais de marketing podem rastrear aberturas, cliques etc. para melhorar as campanhas. Ao adicionar à lista de ações que os usuários podem realizar, você também adiciona o que os profissionais de marketing devem rastrear. Haverá maneiras de rastreá-los?
• Isso pode confundir os usuários: o problema de mudar completamente a maneira como usamos o e-mail é que pode ser muito cedo demais.

Por exemplo: o conteúdo dinâmico, embora ofereça aos profissionais de marketing a oportunidade de manter seus e-mails atualizados após o envio, pode confundir os usuários que esperam conteúdo estático. Mistry escreve: “Imagine abrir o mesmo e-mail uma vez, duas e depois uma terceira vez esperando encontrar o mesmo conteúdo e não? É uma tática que pode levar à perda de confiança entre seus assinantes – uma mercadoria valiosa no marketing por e-mail.”

Você usará AMP para e-mail?

De acordo com uma pesquisa da Litmus, dos 55,6% que estão familiarizados com o AMP para e-mail, 55,4% dizem que provavelmente ou muito provavelmente o usarão:

Nos exemplos acima, os benefícios são claros. O AMP para e-mail oferece aos usuários uma maneira mais fácil e sem atrito de interagir com as marcas por e-mail. Para as marcas, os benefícios de facilitar a interação são sempre vistos no ROI.

Se eles puderem preencher uma pesquisa por e-mail, é mais provável que o façam; se eles puderem navegar pelas listas de hotéis em seus e-mails, é mais provável que o façam. E o mesmo pode ser dito no caso do Pinterest, para integração por meio de mídias sociais.

Se você estiver pronto para usar o AMP para melhorar suas páginas de destino pós-clique, inscreva-se para uma demonstração do Instapage para ver o que ele pode fazer por suas campanhas.