Skip to content

AMP para correo electrónico

Con AMP para correo electrónico, puedes añadir elementos interactivos a tus correos electrónicos y mejorar las comunicaciones con tus clientes, ofreciendo una experiencia completa directamente en el buzón de entrada de tu usuario. AMP lo hace posible mediante el uso de varios componentes que pueden utilizarse para crear ofertas de correo electrónico atractivas, como cuestionarios, formularios de opinión, campañas de votación, reseñas, centros de suscripción y mucho más. Herramientas como estas pueden ofrecer oportunidades para aumentar la interacción y la retención.

Requisitos

Braze no es responsable de que los usuarios se registren en Google ni de que cumplan los requisitos de seguridad necesarios. AMP para correo electrónico solo está disponible para SparkPost y SendGrid.

Clientes de correo electrónico compatibles

Antes de poder enviar correos electrónicos AMP a los usuarios, debes registrarte con nuestros clientes de correo electrónico. El proceso de registro implica enviar un correo electrónico de prueba en AMP HTML para obtener la aprobación. Los tiempos de aprobación varían según el cliente. Sigue los enlaces de registro para obtener más información.

Cliente Enlace de registro
Gmail Google
FairEmail FairEmail
Yahoo Yahoo
Mail.ru Mail.ru

Para obtener una lista completa de clientes de correo electrónico compatibles, consulta la documentación de AMP.

Habilitar cuenta de Gmail

Ve a la configuración de Gmail y selecciona Habilitar correo electrónico dinámico en General.

Un ejemplo de la configuración de Gmail con la casilla «Habilitar correo electrónico dinámico» seleccionada.

Uso de la API

También puedes usar AMP para correo electrónico con nuestra API. Si utilizas cualquiera de los puntos de conexión de mensajería de Braze para enviar un correo electrónico, añade amp_body como especificación de objeto como se muestra a continuación.

Especificación del objeto de correo electrónico

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{
  "app_id": (required, string) see app identifier above,
  "subject": (optional, string),
  "from": (required, valid email address in the format "Display Name <[email protected]>"),
  "reply_to": (optional, valid email address in the format "[email protected]" - defaults to your workspace's default reply to if not set),
  "plaintext_body": (optional, valid plaintext, defaults to autogenerating plaintext from "body" when this is not set),
  "amp_body": (optional, updates the text-amp-html MIME type) the email body in AMP HTML. The MIME (Multipurpose Internet Mail Extensions) type to be referenced is "text/x-amp-html",
  "body": (required unless email_template_id is given, valid HTML),
  "preheader": (optional*, string) Recommended length 50-100 characters,
  "email_template_id": (optional, string) If provided, we will use the subject/body/should_inline_css values from the given email template UNLESS they are specified here, in which case we will override the provided template,
  "message_variation_id": (optional, string) used when providing a campaign_id to specify which message variation this message should be tracked under,
  "extras": (optional, valid key-value hash), extra hash - for SendGrid customers, this will be passed to SendGrid as Unique Arguments,
  "headers": (optional, valid key-value hash), hash of custom extensions headers. Currently, only supported for SendGrid customers,
  "should_inline_css": (optional, boolean), whether to inline CSS on the body. If not provided, falls back to the default CSS inlining value for the workspace,
  "attachments": (optional, array), array of JSON objects like [{"file_name","url"}] that define the files you need attached. Your file name's extension will be detected automatically from the URL, which should return the appropriate `Content-Type` as a response header,
}

Crear tu correo electrónico AMP

Primero, crea tu correo electrónico AMP usando componentes. A continuación, usa la API de Braze para enviar tu mensaje, asegurándote de incluir amp_body para tu AMP HTML.

Además del AMP HTML, requerimos una versión HTML regular del body y sugerimos una versión plaintext_body de tu correo electrónico AMP. Todos los correos electrónicos AMP se envían en formato multipart, lo que significa que Braze envía un correo electrónico que admite HTML, texto plano y AMP HTML. Esto resulta útil en caso de que tu correo electrónico se envíe a través de un proveedor que aún no admita AMP para correo electrónico, ya que el correo electrónico se ajustará automáticamente a la versión apropiada según el usuario y su dispositivo.

Consulta estos recursos adicionales:

Componentes

Al crear los elementos AMP, te recomendamos consultar con tu equipo de ingeniería e incluir recursos y elementos de diseño para un nivel adicional de acabado.

Cada uno de estos elementos es obligatorio en el cuerpo de tu correo electrónico AMP.

Usa estos componentes para crear diseños y comportamientos dinámicos en tus correos electrónicos.

Dale un toque especial con los componentes de AMP que pueden ayudarte a adaptar tu correo electrónico a tu audiencia.

Para obtener una lista completa de componentes AMP, consulta la documentación de AMP.

Casos de uso

Usando el componente <amp-form>, puedes crear cuestionarios interactivos que se pueden completar sin salir del buzón de entrada del correo electrónico. Esto se puede hacer usando <amp-form> para enviar la respuesta del cuestionario y luego hacer que tu backend proporcione estos datos agregados.

Algunos ejemplos incluyen:

  • Correo electrónico de cuestionario de conferencia
  • Actualización dinámica de elementos en la fuente
  • Correo electrónico de marcadores de artículos

Usando este componente, los usuarios pueden enviar o borrar valores de campos. Además, dependiendo de cómo configures tu correo electrónico, puedes dar indicaciones adicionales a los usuarios, como si el envío del cuestionario fue exitoso o no, o mostrar las respuestas de tus usuarios con los resultados del cuestionario (como una campaña de votación).

Amplía las secciones de tu contenido usando el componente <amp-accordion>. Este componente te permite mostrar secciones de contenido plegables y expandibles, proporcionando una forma para que los lectores echen un vistazo al esquema del contenido y salten a cualquier sección.

Si sueles enviar artículos educativos largos o recomendaciones personalizadas, esto proporciona una forma para que los lectores echen un vistazo al esquema del contenido y salten a cualquier sección o recomendación de productos específica para obtener más detalles. Esto puede ser particularmente útil para usuarios móviles, donde incluso unas pocas frases en una sección requieren desplazamiento.

Si sueles enviar correos electrónicos con muchas fotos profesionales, como las marcas de comercio minorista, puedes usar el componente <amp-image-lightbox> que permite a los usuarios interactuar con una imagen que les resulte atractiva. Cuando el usuario hace clic en la imagen, este componente muestra la imagen en el centro del mensaje creando un efecto lightbox.

Además, el componente <amp-image-lightbox> permite al usuario ver una descripción detallada de la imagen. Puedes usar el mismo componente para más de una imagen. Por ejemplo, si tienes varias imágenes incluidas en tu correo electrónico, cuando el usuario haga clic en cualquiera de ellas, la imagen se mostrará en el lightbox.

Para correos electrónicos que dependen principalmente de texto, el componente <amp-fit-text> te permite gestionar el tamaño y el ajuste del texto dentro de un área especificada.

Los ejemplos incluyen:

  • Escalar el texto para que se ajuste a un área
  • Escalar el texto para que se ajuste al área usando un tamaño de fuente máximo, donde puedes establecer el tamaño de fuente máximo
  • Truncar el texto cuando el contenido desborda el área

Uso de amp-mustache

De forma similar a Liquid, AMP admite un lenguaje de scripting para casos de uso más avanzados. Este componente se llama amp-mustache. Al incluir cualquier lenguaje de marcado Mustache, necesitarás envolverlo con la etiqueta raw de Liquid. Ten en cuenta que Liquid y Mustache comparten estilos de sintaxis.

Al envolver tu contenido con la etiqueta raw, el motor de procesamiento de Braze ignorará cualquier contenido entre las etiquetas raw y enviará la variable Mustache que tu equipo necesita.

Métricas y análisis

Métrica Detalles
Aperturas totales Aperturas totales es el número total de mensajes que se abrieron. Para correos electrónicos AMP, este es el total de aperturas de las versiones HTML y texto plano.
Clics totales El total de clics es el número de destinatarios únicos que han hecho clic en un enlace del mensaje entregado. Para correos electrónicos AMP, este es el total de clics en las versiones HTML y texto plano.
Aperturas AMP Aperturas AMP es el recuento total de aperturas en tus versiones AMP HTML del correo electrónico y AMP HTML del correo electrónico.
Clics AMP Clics AMP es el número total de clics en tu correo electrónico AMP HTML, acumulado de las versiones HTML, texto sin formato y AMP HTML del correo electrónico.

Pruebas y solución de problemas

Ten en cuenta que los clics totales y los clics únicos no tienen en cuenta los clics que ocurren desde un mensaje AMP (solo HTML y texto plano). Los clics específicos de AMP se atribuyen a la métrica amp_click.

Antes de enviar tu correo electrónico AMP, te recomendamos que realices pruebas según estas directrices de Gmail.

Para que tu correo electrónico AMP se entregue a cualquier cuenta de Gmail, el correo electrónico debe cumplir las siguientes condiciones:

  • Se deben cumplir los requisitos de seguridad de AMP para correo electrónico.
  • La parte MIME de AMP debe contener un documento AMP válido.
  • El correo electrónico debe incluir la parte MIME de AMP antes de la parte MIME de HTML.
  • La parte MIME de AMP debe ser menor de 100 KB.

Si ninguna de estas condiciones está causando el error, ponte en contacto con Soporte.

Preguntas frecuentes

¿Debería segmentar con correos electrónicos AMP?

Recomendamos no segmentar para enviar a todos los diferentes tipos de usuarios. Esto se debe a que enviamos los mensajes AMP en formato multipart, incluyendo diferentes versiones en el correo electrónico original. Si un usuario no puede ver la versión AMP, se mostrará por defecto la versión HTML.

New Stuff!