AMP para correo electrónico


Llevar el poder de AMP al correo electrónico

Hacer el correo electrónico más atractivo, relevante y procesable

Recientemente fue anunciado AMP para correo electrónico, una nueva forma de incluir componentes populares de AMP en mensajes de correo electrónico en todas las plataformas. Las posibilidades de revitalizar el correo electrónico son infinitas: los desarrolladores podrán enviar mensajes de correo electrónico más expresivos e interactivos que nunca. Los mensajes pueden incluir componentes AMP de una gran biblioteca, incluidos carruseles, acordeones y formularios. Sus correos electrónicos pueden mantenerse actualizados utilizando datos de sus propios back-ends con componentes como amp-bind y amp-list.



AMP for Email abre varias nuevas posibilidades:

Diseñe componentes interactivos para correo electrónico utilizando una gran biblioteca de componentes AMP compatibles, como: amp-carrusel, amp-form, amp-bind, amp-list y más
Ayude a su contenido a mantenerse actualizado e interactivo para sus usuarios.
Crea experiencias de correo electrónico más atractivas y procesables
Ejemplo:


<!doctype html>
<html ⚡4email>
<head>
 <meta charset="utf-8">
 <script async src="https://cdn.ampproject.org/v0.js">&lt'/script>
 <!-- The AMP4email boilerplate. -->
 <style amp4email-boilerplate>body{visibility:hidden}</style>
 <script async custom-element="amp-carousel"    src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
 <script async custom-element="amp-selector" src="https://cdn.ampproject.org/v0/amp-selector-0.1.js"></script>
 <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
 <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
 <script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.1.js"></script>
 <style amp-custom> html{font-family: 'Roboto';}
 ...
 </style>
</head>
<body>
 <h2>Hola Blogger,</h2>
 <div class="photo-gallery">
   <div class="text">Photos from your latest trips:
     <span [text]="+selectedSlide + 1">1</span>/4</div>
   <amp-selector layout="container" name="carousel-selector"...>
     <amp-carousel controls width="430" height="80">
       <amp-img ...></amp-img>
   ...
     </amp-carousel>
   </amp-selector>
   <amp-carousel ...>
     <amp-img ...></amp-img>
    ...
   </amp-carousel>
   <div class="trip-location">Please rate your trip location:</div>
   <form id="rating" class="p2" method="post" ...>
   <fieldset class="rating">
     <input name="rating" type="radio" id="rating1" value="1" .../>
     <label for="rating1" title="1 stars">★</label>
     ...
   </fieldset>
   <div submit-success>
     <template type="amp-mustache">
       <div class="text">Thanks for rating {{rating}} star(s)!</div>
     </template>
   </div>
   </form>
 </div>
</body>
</html>


Detalles anunciados desde AMP

El año pasado, se realizo un análisis de todo lo que AMP era capaz de hacer, los desarrolladores vieron una gran oportunidad para que AMP modernizara uno de los canales de comunicación más populares y ampliamente utilizados como lo es: el correo electrónico. El día de hoy fue anunciado AMP para correo electrónico, una nueva forma de incluir componentes AMP en mensajes de correo electrónico en todas las plataformas. Muchas personas confían en el correo electrónico para obtener información sobre vuelos, eventos, noticias, compras y más: ¡más de 270 mil millones de correos electrónicos se envían cada día! Con AMP para correo electrónico, la información en los mensajes de correo electrónico puede ser dinámica, mantenerse actualizada y ser procesable. Los desarrolladores y las empresas podrán enviar mensajes de correo electrónico más expresivos e interactivos que nunca.


Empresas como Pinterest, Booking.com y Doodle ya han desarrollado nuevas experiencias usando AMP para correo electrónico. La especificación de AMP para correo electrónico está disponible en la actualidad y Gmail planea respaldarla más adelante este año. Mientras tanto, los desarrolladores pueden acceder a una vista previa de desarrollador para Gmail, aquí.




Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: