páginas móviles aceleradas para correo electrónico
Con páginas móviles aceleradas 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. páginas móviles aceleradas 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 participació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. páginas móviles aceleradas para correo electrónico solo está disponible para SparkPost y SendGrid.
| Requisito | Descripción |
|---|---|
| páginas móviles aceleradas para correo electrónico activado | páginas móviles aceleradas está disponible para todos los usuarios. |
| Habilitación de cuenta de Gmail | Consulta Habilitar cuenta de Gmail. |
| Autenticación de remitente de Google | Gmail autentica al remitente de los correos electrónicos páginas móviles aceleradas con DKIM, SPF y DMARC. Estos deben estar configurados para tu cuenta. - Domain Keys Identified Mail (DKIM) - Sender Policy Framework(SPF) - Domain-based Message Authentication, Reporting, and Conformance(DMARC) |
| Elementos de correo electrónico páginas móviles aceleradas | Un correo electrónico páginas móviles aceleradas atractivo incluye el uso estratégico de varios componentes. Consulta la pestaña Esenciales en la sección Componentes. |
Clientes de correo electrónico compatibles
Antes de poder enviar correos electrónicos páginas móviles aceleradas 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 páginas móviles aceleradas 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 | |
| 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 páginas móviles aceleradas.
Envío a proveedores no registrados
Si envías un correo electrónico páginas móviles aceleradas a proveedores como Yahoo o Mail.ru antes de completar su proceso de registro, esos proveedores ignoran la parte páginas móviles aceleradas del correo electrónico y muestran la versión alternativa en HTML o texto plano. La parte páginas móviles aceleradas en sí no causa problemas de capacidad de entrega para remitentes no registrados.
Habilitar cuenta de Gmail
Ve a la configuración de Gmail y selecciona Enable dynamic email en la pestaña General.
Uso de la API
También puedes usar páginas móviles aceleradas para correo electrónico con nuestra API. Si utilizas cualquiera de los endpoints de mensajería de Braze para enviar un correo electrónico, añade amp_body como especificación de objeto como se muestra en la siguiente secció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 páginas móviles aceleradas
Primero, crea tu correo electrónico páginas móviles aceleradas usando componentes. A continuación, usa la API de Braze para enviar tu mensaje, asegurándote de incluir amp_body para tu páginas móviles aceleradas HTML.
Además del páginas móviles aceleradas HTML, requerimos una versión HTML regular del body y sugerimos una versión plaintext_body de tu correo electrónico páginas móviles aceleradas. Todos los correos electrónicos páginas móviles aceleradas se envían en formato multipart, lo que significa que Braze envía un correo electrónico que admite HTML, texto plano y páginas móviles aceleradas 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 páginas móviles aceleradas 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.
Cuando estés creando un correo electrónico páginas móviles aceleradas, comprueba que estás en el editor páginas móviles aceleradas, ya que el código páginas móviles aceleradas no debe añadirse al editor HTML.
Consulta estos recursos adicionales:
- Tutorial de páginas móviles aceleradas
- Código de ejemplo para ver cómo debería lucir el producto final.
- Biblioteca de componentes de correo electrónico páginas móviles aceleradas
Componentes
Al crear los elementos páginas móviles aceleradas, 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 páginas móviles aceleradas.
| Componente | Descripción | Ejemplo |
|---|---|---|
Identificación ⚡4email o amp4email |
Identifica tu correo electrónico como un correo electrónico páginas móviles aceleradas HTML. | <!doctype html> <html ⚡4email> <head> |
Cargar el runtime de páginas móviles aceleradas <script> |
Permite que páginas móviles aceleradas se ejecute en tu correo electrónico usando JavaScript. | <script async src="https://cdn.ampproject.org/v0.js"></script> |
| Plantilla CSS | Oculta el contenido hasta que páginas móviles aceleradas se haya cargado. Los proveedores de correo electrónico que admiten correos electrónicos páginas móviles aceleradas aplican comprobaciones de seguridad que solo permiten la ejecución de scripts páginas móviles aceleradas verificados en sus clientes. |
<style amp4email-boilerplate>body{visibility:hidden}</style> |
Usa estos componentes para crear diseños y comportamientos dinámicos en tus correos electrónicos.
| Componente | Descripción | Script requerido |
|---|---|---|
Acordeón amp-accordion |
Permite a los usuarios ver el esquema del contenido y saltar a cualquier sección. | <script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script> |
Formularios amp-form |
Crea formularios para enviar campos de entrada en un documento páginas móviles aceleradas. | <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script> |
Cualquier componente que requiera autenticar al usuario debe usar tokens de acceso de Google o tokens de aserción proxy.
Dale un toque especial con los componentes de páginas móviles aceleradas que pueden ayudarte a adaptar tu correo electrónico a tu audiencia.
| Componente | Descripción | Script requerido |
|---|---|---|
Imagen animada amp-anim |
Muestra una imagen animada (generalmente un GIF) gestionada a través del runtime. | <script async custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script> |
Carrusel amp-carousel |
Muestra múltiples piezas de contenido similares a lo largo de un eje horizontal. | <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script> |
| Imagen | Un reemplazo gestionado por el runtime para la etiqueta HTML img. También puedes crear un lightbox para tu imagen. |
<amp-img alt="A view of the sea" src="images/sea.jpg" width="900" height="675" layout="responsive"> </amp-img> |
Cualquier componente que requiera autenticar al usuario debe usar tokens de acceso de Google o tokens de aserción proxy.
| Componente | Descripción |
|---|---|
Enlace de datos y expresiones amp-bind |
Añade interactividad personalizada con estado a tus páginas páginas móviles aceleradas mediante enlace de datos y expresiones similares a JavaScript. |
Cualquier componente que requiera autenticar al usuario debe usar tokens de acceso de Google o tokens de aserción proxy.
Para obtener una lista completa de componentes páginas móviles aceleradas, consulta la documentación de páginas móviles aceleradas.
Ejemplos
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 páginas móviles aceleradas-mustache
De forma similar a Liquid, páginas móviles aceleradas 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 |
|---|---|
| Total Opens | Aperturas totales es el número total de mensajes que se abrieron. Para correos electrónicos páginas móviles aceleradas, este es el total de aperturas de las versiones HTML y texto plano. |
| Total Clicks | El total de clics es el número (o porcentaje) de destinatarios únicos que han hecho clic en un enlace del mensaje entregado. Para correos electrónicos páginas móviles aceleradas, este es el total de clics en las versiones HTML y texto plano. |
| páginas móviles aceleradas Opens | Aperturas páginas móviles aceleradas es el recuento total de aperturas en tu correo electrónico páginas móviles aceleradas HTML y en las versiones páginas móviles aceleradas HTML del correo electrónico. |
| páginas móviles aceleradas Clicks | Clics páginas móviles aceleradas es el número total de clics en tu correo electrónico páginas móviles aceleradas HTML, acumulado de las versiones HTML, texto sin formato y páginas móviles aceleradas HTML del correo electrónico. |
Pruebas y solución de problemas
Antes de enviar tu correo electrónico páginas móviles aceleradas, te recomendamos:
- Realizar pruebas según estas directrices de Gmail.
- Usar el Gmail páginas móviles aceleradas for Email Playground para validar el marcado páginas móviles aceleradas.
- Si tu correo electrónico páginas móviles aceleradas usa etiquetas de Liquid, reemplázalas con valores estáticos de marcador de posición antes de pegarlas en el Gmail páginas móviles aceleradas for Email Playground. Las etiquetas de Liquid sin renderizar provocan errores de validación.
Para que tu correo electrónico páginas móviles aceleradas se entregue a cualquier cuenta de Gmail, el correo electrónico debe cumplir las siguientes condiciones:
- Se deben cumplir los requisitos de seguridad de páginas móviles aceleradas para correo electrónico.
- La parte MIME de páginas móviles aceleradas debe contener un documento páginas móviles aceleradas válido.
- El correo electrónico debe incluir la parte MIME de páginas móviles aceleradas antes de la parte MIME de HTML.
- La parte MIME de páginas móviles aceleradas debe ser menor de 100 KB.
Ten en cuenta que los clics totales y los clics únicos no tienen en cuenta los clics que ocurren desde un mensaje páginas móviles aceleradas (solo HTML y texto plano). Los clics específicos de páginas móviles aceleradas se atribuyen a la métrica amp_click.
Si ninguna de estas condiciones está causando el error, ponte en contacto con Soporte.
Configurar el buzón de entrada de Gmail para renderizar correos electrónicos páginas móviles aceleradas
Puedes configurar tu buzón de entrada de Gmail para renderizar correos electrónicos páginas móviles aceleradas con fines de prueba haciendo lo siguiente:
- En Gmail, selecciona Settings en la barra de herramientas de tu buzón de entrada.
- Selecciona See all settings.
- En la pestaña General, ve a la sección Dynamic email y confirma que la casilla Enable dynamic email está seleccionada.
- A continuación, selecciona Developer Settings y marca la casilla Always allow dynamic emails from this sender:.
- Introduce el mismo dominio que aparece en la dirección De de tu mensaje de prueba.
- Guarda los cambios.
Ahora puedes enviar el correo electrónico de prueba a tu cuenta de Gmail, y los correos electrónicos páginas móviles aceleradas deberían renderizarse en Gmail.
Preguntas frecuentes
¿Debería segmentar con correos electrónicos páginas móviles aceleradas?
Recomendamos no segmentar para enviar a todos los diferentes tipos de usuarios. Esto se debe a que enviamos los mensajes páginas móviles aceleradas en formato multipart, incluyendo diferentes versiones en el correo electrónico original. Si un usuario no puede ver la versión páginas móviles aceleradas, se mostrará por defecto la versión HTML.