Experto | AMP for Email, nuevas interacciones para tus próximas campañas

Publicado por Service Communication en Messaging y Transformación Marketing 21 enero 2020 Tiempo de lectura: 4 min

Visualización de CSS3, interacciones avanzadas de Javascript (paralaje o parallax, menú hamburguesa o toggle, etc.). A lo largo de los últimos años, la web ha sufrido muchos cambios importantes, principalmente impulsados por Google Chrome y Mozilla Firefox.

Sin embargo, estos avances han reforzado la brecha entre Internet y el canal de correo electrónico, tanto desde el punto de vista del diseño como de la integración/desarrollo. Al crear una experiencia de usuario interactiva en tiempo real directamente integrada en el correo electrónico, este canal recupera el tiempo perdido gracias a AMPAccelerated Mobile Pages«, o páginas móviles aceleradas).

AMP, una innovación desarrollada por Google y lanzada oficialmente el 2 de julio de 2019, ofrece una mayor personalización e interactividad en el espectro único del correo electrónico. El código AMP, tecnología Open Source o de código abierto (es decir, que es de uso gratuito para todos), es similar al código HTML pero se basa en el uso de elementos que integraremos dentro de su Plantilla HTML de acuerdo a sus necesidades. Por lo tanto, es necesario el uso de un lenguaje específico además de tu código HTML. #Javascript

 

La tecnología AMP for Email sí, pero ¿para hacer qué?

Como parte del ecosistema AMP (AMP Web, AMP For Email, AMP Ads, AMP Story), la tecnología AMP for Email ahora te permite enriquecer el contenido de tus correos y, por lo tanto, crear nuevas experiencias directamente dentro del sistema de mensajería:

  • Navegar por múltiples pestañas
  • Gestionar una confirmación de participación en un evento
  • Responder a una encuesta de satisfacción
  • Proponer un cross-selling o venta cruzada en un correo electrónico de confirmación de pedido
  • Reservar una habitación de hotel
  • Y muchas cosas más…

Al fin y al cabo, se trata de mensajes dinámicos en campañas de correo electrónico avanzadas con el fin de brindar una experiencia de usuario diferente, mejorada y única.

 

Exemple d’un template AMP réalisé par Booking.com
Ejemplo de una plantilla AMP producida por Booking.com que actualiza continuamente las ofertas promocionales actuales
Exemple d’un template AMP réalisé par Pinterest
Ejemplo de una plantilla AMP producida por Pinterest que guarda sus pines sin salir de tu buzón de correo de Gmail

Pero en verdad, ¿cómo se ve en la práctica?

Toda la arquitectura de AMP for Email no solo se basa en el uso de elementos, funcionalidades, que uno integra dentro de su proyecto HTML, sino también en la interactividad que se desea implementar. Hasta la fecha, hemos identificado alrededor de diez elementos en el canal de correo electrónico. Un número que sin duda seguirá aumentando con el tiempo.

Elementos Design (User Interface)

Carrusel, una presentación dinámica y automática de tus productos y/o servicios

El ADN de un carrusel es un bloque gráfico que permite presentar un conjunto de productos/pantallas. AMP for Email, por lo tanto, te permite mostrar múltiples imágenes animadas o GIFs en bucle. Todas las funciones son configurables (intervalo entre imágenes, texto descriptivo, visualización de las miniaturas de las imágenes para pasar de una imagen a otra con un clic, etc.).

Exemple Carrousel
Ejemplo de un carrusel

Un lightbox, una mejora óptima de tus imágenes

Esta funcionalidad te permite mostrar tu producto, paisaje, etc. en toda la superficie de tu pantalla. Cualquier imagen que quieras destacar en tu mensaje. Simplemente haz clic fuera de la imagen para devolverla a su tamaño normal.

N.B.: ten cuidado, esta funcionalidad está actualmente en desuso, puedes utilizarla quizás para destacar otro elemento en su lugar.

Exemple de la lightbox
Ejemplo del lightbox

El acordeón, control visual de tu contenido sin perjudicarlo

Como su propia nombre indica, el elemento de acordeón te permite hacer más grande o más pequeño el contenido de tu mensaje. Ganancia visual para optimizar las llamadas a la acción sin olvidarnos del contenido.

Exemple de l'accordéon
Ejemplo de acordeón

Los elementos dinámicos de interacción

La actualización del contenido en tiempo real

Esta funcionalidad es un rasgo característico de AMP for Email. Gracias a varios elementos a tu disposición, es posible proporcionar interactividad en tiempo real (contenido, imágenes…) dentro de la plantilla.

El formulario integrado en el correo electrónico

Soñaste con ello, Google lo pensó. Permite validar cualquier tipo de formulario de forma instantánea directamente desde tu buzón de correo electrónico sin necesidad de abrir ninguna página desde el navegador. ¡Una ventaja significativa en términos de conversión!

Exemple de formulaire intégré dans l'email
Ejemplo de formulario integrado en el email

Pero si esto es algo revolucionario, ¿por qué tan pocos lo usan hoy en día?

Esto se debe simplemente a que los requisitos que se deben cumplir para que se reciba el mensaje AMP son complejos. De hecho, hasta la fecha, pocos sistemas de mensajería son compatibles con la tecnología AMP for Email. Por lo tanto, ¿qué ventajas y limitaciones se deben tener en cuenta?

Ventajas

  • Más interactividad, sin tener que salir de tu buzón de entrada, en campañas de correo electrónico a través de la gestión de eventos (clic, envío de formularios, etc.)
  • Experiencia de usuario mejorada con más conversión como broche final
  • Homogeneización de las reglas de codificación en los clientes de correo electrónico compatibles con AMP
  • Actualización instantánea de los datos dentro de la plantilla
  • Desempeño y seguridad en el envío de campañas de AMP

Límites

  • Número muy limitado de enrutadores de correo electrónico compatibles con AMP (siendo la mayoría americanos: Sparkpost, Sendgrid, Amazon, etc.). Del lado europeo, Maileon ya ofrece AMP.
  • El contenido AMP sólo se muestra en el escritorio de Gmail. ¡Pero las cosas están cambiando! La visualización en la aplicación móvil de Gmail (Android e IOS) acaba de pasar a la fase beta y pronto estará disponible para todo el mundo!
  • 3 versiones del mensaje a codificar (sin formato, HTML, AMPHTML).
  • La opción de visualización dinámica a validar se utilizará para poder ver los mensajes en formato AMP (Outlook.com).
  • Compleja implementación del AMP for Email.

Después de Gmail, son los webmails de Outlook, Yahoo y Mail.ru los que están intentando lanzarse en AMP. Ya que, si bien su tecnología es prometedora, su uso complejo y limitado impide su implementación. Sin embargo, esta nueva dimensión que aparece en el mundo de la mensajería es probable que se convierta en una verdadera revolución… ¡Abre bien los ojos y sigue atento a los próximos avances tecnológicos del correo electrónico!

 

 

Artículos similares