Email

Todo lo que necesitas saber sobre el email en AMP para ecommerce

AMP para email se basa en el framework de AMP. En lugar de reducir el tiempo de carga de tu sitio web, AMP para email se centra en añadir interactividad a los emails. El formato de email en AMP permite a tus suscriptores realizar diferentes acciones directamente en el email, eliminando la necesidad de perder tiempo navegando a otros sitios.
Imagen para Todo lo que necesitas saber sobre el email en AMP para ecommerce

Como te dirá cualquier profesional del marketing, pierdes a varios clientes cada vez que tienen que hacer clic hacia otra página web para completar su compra. Pero esto parece inevitable si estás enviando campañas de email que generan clics hacia tu página de destino, ¿verdad?

Afortunadamente, como profesional del desarrollo, puedes facilitar la vida del equipo de email marketing con el formato de email en AMP. A continuación, analizaremos cómo AMP para emails te permite ofrecer a tus usuarios contenido dinámico en tiempo real y hacer que completen acciones sin salir nunca de su bandeja de entrada.

¿No tienes muy claro qué es AMP? Tenemos lo que necesitas. Explicaremos el formato de email en AMP y sus componentes. También cubriremos algunos pros y contras de usar AMP para campañas de email.

¿Qué es AMP?

Antes de profundizar en AMP para email, repasemos qué es AMP.

Accelerated Mobile Pages (AMP) es un framework de componentes web creado por Google para acelerar el tiempo de carga de las páginas móviles, como Apple News y los Instant Articles de Facebook. Diseñado para mejorar la experiencia de email del cliente, AMP es un proyecto de código abierto que aplica un conjunto limitado de opciones de programación.

El framework de AMP consta de tres componentes de AMP:

  • AMP HTML: este componente es el marcado estándar de HTML con componentes web.
  • AMP JavaScript: este componente gestiona la carga de recursos.
  • Cachés de AMP: este componente valida y sirve las páginas de AMP.

¿Qué es AMP para email?

AMP para email se basa en el framework de AMP. En lugar de reducir el tiempo de carga de tu sitio web, AMP para email se centra en añadir interactividad a los emails.

El formato de email en AMP permite a tus suscriptores realizar diferentes acciones directamente en el email, eliminando la necesidad de perder tiempo navegando a otros sitios. De forma muy parecida a las tarjetas adaptativas de Microsoft Outlook, AMP para email permite a tus suscriptores reservar vuelos, responder a solicitudes de reuniones, escribir reseñas, verificar cuentas y contestar a cuestionarios, todo ello sin salir de su bandeja de entrada.

Con AMP para email, tu email muestra un comportamiento similar al de una aplicación que normalmente solo ves en sitios web.

En resumen, AMP:

  • Proporciona una experiencia interactiva en la bandeja de entrada.
  • Permite a los suscriptores completar acciones y enviar información desde dentro de un email.
  • Permite usar contenido dinámico en tus emails.

¿En qué se diferencian los emails en AMP de los emails en HTML?

El formato de email en AMP suena muy bien, ¿verdad? Pero ¿cuál es la diferencia entre un email en AMP y un email en HTML? A continuación destacamos cinco diferencias clave:

  1. Programación
  2. Elementos del email
  3. Experiencia de usuario
  4. Seguridad del email
  5. Rendimiento

Profundicemos en cada una de ellas.

1. ¿Cuáles son las diferencias de programación entre los emails en AMP y los emails en HTML?

Tanto los emails en HTML como los emails en AMP se programan con el HyperText Markup Language (HTML). Sin embargo, los emails en AMP se programan adicionalmente con declaraciones específicas y el uso de elementos predefinidos. Por ejemplo, los emails en AMP necesitan incluir “amp4email” en la etiqueta HTML. Además, los emails en AMP utilizan a menudo un texto modelo en CSS para ocultar el contenido del email hasta que el AMP se carga por completo.

2. ¿Qué elementos de email difieren entre los emails en AMP y los emails en HTML?

Los emails en HTML contienen texto, imágenes y URL, mientras que los emails en AMP se basan en estos elementos estándar y también incluyen formularios integrados, calendarios, carritos de compra, carruseles y otros elementos interactivos.

3. ¿Cuál es la diferencia en la experiencia de usuario?

Los emails en AMP permiten a tus suscriptores completar acciones sin salir de tu mensaje de email. Esto permite una mejor experiencia de usuario, ya que pueden lograr todo en una sola aplicación. Por el contrario, los emails en HTML requieren que los usuarios hagan clic en una llamada a la acción (CTA) y salgan de su bandeja de entrada para navegar por tu sitio de ecommerce antes de poder completar su compra. Como tal, los emails en HTML aumentan la fricción para el usuario y crean una experiencia sobrecargada.

4. ¿En qué se diferencian la seguridad de los emails en HTML y la de los emails en AMP?

Los emails en HTML a menudo permiten anuncios integrados e intrusiones de terceros dentro de tu mensaje de email. Además, las listas de direcciones IP permitidas y los protocolos de autenticación como 2FA, DMARC, DKIM y SPF no son obligatorios para enviar emails. Estos protocolos protegen contra el phishing, el spoofing o suplantación y otras actividades fraudulentas. Esto significa que tus emails en HTML no son necesariamente seguros. Por supuesto, aunque no sean obligatorios, es probable que tengas implementados estos protocolos para mejorar la entregabilidad de tu email.

Los proveedores de servicios de envío de emails (ESP) solo aceptan emails en AMP que usan scripts de AMP verificados después de realizar estrictos controles de seguridad. Esto significa que se requieren 2FA, DMARC, DKIM y SPF para la aprobación de AMP.

5. ¿Cuál es la diferencia de rendimiento entre los emails en HTML y en AMP?

Como profesional del desarrollo, puede que no te interesen tanto las métricas de marketing, pero aquí tienes el resumen rápido: el equipo de especialistas en email de Email on Acid se dio cuenta de que los emails en AMP tenían ocho veces más probabilidades de convertir a un cliente potencial que un email en HTML. ¡Menuda diferencia en la tasa de conversión!

¿Cuáles son las 5 ventajas del email en AMP para ecommerce?

Pero ¿por qué es tan bueno el email en AMP? Aquí tienes cinco ventajas de usar el email en AMP para ecommerce:

  1. Los usuarios ven información actualizada
  2. Los usuarios pueden navegar por internet dentro de tu email
  3. Puedes ejecutar campañas de email marketing eficientes
  4. Los usuarios pueden continuar su proceso de compra
  5. Tanto tú como tu usuario os beneficiáis de unas prácticas de email seguras

1. Los usuarios ven información actualizada

AMP para email ayuda a que los emails se mantengan actualizados, por lo que no hay motivo para enviar mensajes nuevos de vez en cuando. También disminuye la cantidad de emails en la bandeja de entrada de los destinatarios para que no tengan un gran retraso de mensajes sin leer.

2. Navega por internet dentro de tu email

¿Cuántas veces al día hace clic tu clientela en algo dentro de un email que le redirige a otro sitio web? El email en AMP permite a los destinatarios evitar la necesidad de rebotar de una página a otra y les permite completar todas las acciones y tareas sin salir de su bandeja de entrada. 

3. Ejecuta campañas de marketing eficientes

Esta tecnología ofrece oportunidades para crear y enviar emails interactivos que tus suscriptores disfrutarán. AMP para emails permite a tu clientela explorar recursos de imágenes, responder a comentarios de Google Docs, ofrecer respuestas a encuestas, programar citas y mucho más, todo desde el propio email. Esta función mejora la interacción de los suscriptores al aumentar el tiempo que pasan en tus emails.  

4. Continúa el proceso de pago

Los profesionales de email marketing en ecommerce pueden aprovechar AMP para permitir a la clientela realizar compras desde el propio email. No necesitan salir de su bandeja de entrada para comprar los productos o servicios anunciados. La clientela puede ver las imágenes, elegir diferentes variantes como color/talla/cantidad y añadir los artículos deseados al carrito de la compra sin cambiar a la tienda online. Además, puedes implementar esta misma práctica para los emails de carritos abandonados.

5. Benefíciate de una tecnología segura

AMP para email limita el uso de datos de servicios de terceros para hacer que los emails en AMP sean más seguros que sus equivalentes en HTML. También ayuda a que la clientela de ecommerce se sienta más segura, ya que los componentes publicitarios no están permitidos en las funciones de email en AMP.

¿Cuáles son las 3 desventajas del email en AMP?

Parece que AMP es genial, ¿verdad? Aquí tienes tres desventajas que debes recordar al usar AMP para email:

  1. Compatibilidad limitada con ESP
  2. No funciona en todas las bandejas de entrada
  3. Difícil de rastrear

1. Compatibilidad limitada con ESP

Aunque Gmail es el único cliente de email que es totalmente compatible con AMP para email, aquí tienes una lista de otros ESP importantes que “refuerzan” los emails en AMP:

  • SparkPost
  • eSputnik
  • MindBox
  • Amazon Simple Email Service
  • Salesforce
  • SendPulse
  • Mailgun (¡somos nosotros!)
  • Twilio SendGrid
  • Customer.io

Como puedes ver, aunque hay cierta compatibilidad con AMP, no es uniforme ni abundante a nivel general. Si tu ESP no es compatible con AMP, es posible que no puedas enviar un email en AMP.

2. No funciona en todas las bandejas de entrada

Al igual que AMP cuenta con una compatibilidad limitada entre los ESP, un email en AMP no se mostrará correctamente en todas las bandejas de entrada. La buena noticia es que, dado que Gmail concentra a la mayor parte de la base de usuarios de email, lo más probable es que tu email en AMP se muestre sin problemas.

3. Difícil de rastrear

Las métricas de marketing tradicionales incluyen los clics, las tasas de apertura y las tasas de clics por apertura. Si todas estas acciones se llevan a cabo dentro de la “caja negra” de la bandeja de entrada de tus suscriptores, ¿puedes rastrear las acciones de los usuarios de la misma manera?

¿Qué aspecto tiene un email dinámico en acción? 

Ahora que hemos explicado los conceptos básicos, ¿qué aspecto tienen exactamente los emails dinámicos en AMP en acción? Las empresas de ecommerce como Pinterest y Doodle fueron algunas de las primeras en implementar AMP para email en sus estrategias empresariales. Echemos un vistazo a estos dos ejemplos:

  • Pinterest te permite guardar la imagen que desees y desplegar el texto para leer más sin salir del email.
  • Doodle simplifica el proceso de programación y utiliza el formato de AMP para programar reuniones, lo que permite a los clientes responder y enviar el formulario desde el propio email.

El email en AMP para sitios web de ecommerce puede ahorrar unos cuantos clics a tu clientela y hacer que el proceso sea cómodo y eficiente.

¿Cuáles son los 3 componentes de AMP para email?

Pero ¿cómo funciona todo esto? El framework de AMP incluye múltiples componentes que son los pilares fundamentales para crear diversas experiencias dentro de un email. Estos componentes permiten a la clientela del ecommerce hacer clic en recursos de imágenes, elegir productos de la lista, ver visualizaciones actualizadas y completar formularios.

Por ejemplo, algunos componentes del email en AMP incluyen:

  • Componentes de medios
  • Componentes dinámicos
  • Componentes de diseño

¿Cuáles son los componentes de medios del email en AMP?

Los componentes de medios contienen atributos que te permiten añadir imágenes y GIF a los emails en AMP. Puedes utilizar la etiqueta <amp-img> para llamar al componente amp-img y añadir imágenes. En otras palabras, esto sustituye a la etiqueta HTML <img>. De forma similar,  te permite añadir un GIF a un email en AMP.

¿Cuáles son los componentes dinámicos del email en AMP?

Los componentes dinámicos te permiten incorporar elementos dinámicos y componentes interactivos a tus emails. Algunos componentes dinámicos incluyen:

  • crea formularios para enviar campos de entrada a una base de datos receptora
  • muestra un menú de opciones
  • permite que los elementos del email cambien de acuerdo con las respuestas del usuario
  • crea un efecto de caja de luz para imágenes específicas
  • permite la renderización de plantillas Mustache que se utilizan a menudo en el desarrollo de emails
  • descarga datos de forma dinámica y crea listas

¿Cuáles son los componentes de diseño del email en AMP?

Los componentes de diseño te permiten ajustar el diseño de tu email en AMP. Echa un vistazo a los siguientes componentes de diseño:

  • aplica diseños de AMP a cualquier elemento de tu email
  • añade un elemento de acordeón a tu email que se colapsa y expande con la interacción del usuario
  • crea un carrusel rotativo de elementos, como cuadros de texto o imágenes
  • expande o encoge tu texto para adaptarlo a un espacio determinado
  • crea una barra lateral de navegación para tu email en AMP

¿Qué extensiones de AMP hay disponibles?

Si deseas utilizar AMP para email, revisa las siguientes extensiones de AMP. Estas extensiones pueden simplificar el proceso de implementación del email en AMP en las estrategias empresariales y ofrecer funciones eficientes para ayudarte a enviar emails interactivos a los clientes sin esfuerzo.

  • Ecwid introdujeron módulos para email en AMP.
  • Plumrocket con su Magento 2 AMP Email Extension te permite crear emails en AMP desde cero y aprovechar las plantillas integradas de AMP de Google para hacer que tus emails resulten más atractivos.
  • WooCommerce aún no ofrece la funcionalidad de email en AMP, pero planea lanzar un complemento en un futuro próximo.

En resumen

Implementar la tecnología de email en AMP en tu negocio de ecommerce puede crear un entorno más interactivo y atractivo, llevar tu comunicación por email al siguiente nivel y aumentar las ventas.

Así pues, ten en cuenta todo lo que has aprendido con nosotros, analiza la importancia del email en AMP para tu ecommerce y abre nuevas oportunidades de negocio ejecutando campañas de marketing dinámicas.

¿Todo listo para empezar a enviar? Echa un vistazo a la potente API de email de Mailgun. Como siempre, no dudes en ponerte en contacto con nosotros si tienes alguna pregunta.