Cómo habilitar y usar anotaciones de email para Gmail

Qué aprenderás

Descubre las anotaciones de email, que te permiten mostrar información clave en la vista de lista para las bandejas de entrada de Gmail (es decir, antes de que alguien abra el email). Las anotaciones de email te permiten destacar una oferta o promoción (p. ej., un código de cupón) o mostrar imágenes de productos directamente en la bandeja de entrada.

Acerca de las anotaciones en email

Las anotaciones de Email son compatibles con las bandejas de entrada móviles de Gmail para usuarios con la pestaña Promotions habilitada. Estas anotaciones solo aparecen en la pestaña Promotions, no en la bandeja de entrada principal.

Hay 3 tipos de anotaciones:

• Oferta/promoción
  Destaca una oferta o promoción, como un cupón o el envío gratuito, e incluye la fecha de caducidad de la oferta.
  

• Carrusel de productos
  Muestra un carrusel de imágenes de productos, con la opción de incluir detalles del producto como el nombre y el precio.
  

• Imagen única
  Muestra una sola imagen, junto con texto adicional opcional.
  

Antes de empezar

Google mantiene una lista de permitidos de remitentes que pueden usar anotaciones. Antes de usar anotaciones, debes solicitar que tu marca se añada a esta lista de permitidos.

Para solicitar que Google te añada a su lista de permitidos de anotaciones, envía un email a p-Promo-Outreach@google.com con la siguiente información:

• Todos los dominios (por ejemplo, example.com)
• Todos los subdominios (p. ej., send.example.com, blog.example.com, marketing-messages.example.com)
• Las URL de tu página de destino (p. ej., tu página de inicio)

Cualquier código de anotaciones que se añada a tus mensajes se ignorará hasta que se te añada a la lista de permitidos de Google, lo cual puede tardar entre 7 y 10 días laborables o más.

Añade anotaciones a tus emails

Añade el siguiente código dentro de la sección body de la plantilla de tu email HTML para añadir anotaciones de email. Hay 3 tipos de anotaciones disponibles:

• Anotaciones de ofertas
• Anotaciones del carrusel de productos
• Anotaciones de una sola imagen

Oferta

  <div itemscope itemtype="http://schema.org/DiscountOffer">
    <meta itemprop="description" content="DESCRIPTION"/>
    <meta itemprop="discountCode" content="DISCOUNT_CODE"/>
    <meta itemprop="availabilityStarts" content="START_DATE_TIME"/>
    <meta itemprop="availabilityEnds" content="END_DATE_TIME"/>
  </div>

Reemplaza los siguientes marcadores de posición en el código:

• DESCRIPCIÓN
  Una breve descripción de texto (de 1 a 2 líneas) de la oferta
• DISCOUNT_CODE
  El código que un destinatario puede introducir al finalizar la compra para recibir la oferta
• START_DATE_TIME
  La fecha/hora de inicio de la oferta, con el formato ISO 8601
• END_DATE_TIME
  La fecha/hora de finalización de la oferta, con el formato ISO 8601

Carrusel de productos

  <div itemscope itemtype="http://schema.org/PromotionCard">
    <meta itemprop="image" content="IMAGE_URL1"/>
    <meta itemprop="url" content="PROMO_URL1"/>
    // Optionally, include the following PromotionCard properties:
    <meta itemprop="headline" content="HEADLINE1"/>
    <meta itemprop="price" content="PRICE1"/>
    <meta itemprop="priceCurrency" content="PRICE_CURRENCY1"/>
    <meta itemprop="discountValue" content="DISCOUNT_VALUE1"/>
    <meta itemprop="position" content="POSITION"/>
  </div>
  // Build the second image preview in your product carousel:
  <div itemscope itemtype="http://schema.org/PromotionCard">
    <meta itemprop="image" content="IMAGE_URL2"/>
    <meta itemprop="url" content="PROMO_URL2"/>
    // Optionally, include the following PromotionCard properties:
    <meta itemprop="headline" content="HEADLINE2"/>
    <meta itemprop="price" content="PRICE2"/>
    <meta itemprop="priceCurrency" content="PRICE_CURRENCY2"/>
    <meta itemprop="discountValue" content="DISCOUNT_VALUE2"/>
    <meta itemprop="position" content="POSITION"/>
  </div>
  // To include more image previews, add additional PromotionCard objects.
  // You can include up to 10 image previews in a product carousel.

Reemplaza los siguientes marcadores de posición en el código:

• IMAGE_URL1, IMAGE_URL2, etc.
  La URL de una imagen de producto que se mostrará en el carrusel. Las relaciones de aspecto compatibles son 4:5, 1:1 y 1.91:1. La relación de aspecto debe ser la misma para todas las imágenes.
• PROMO_URL1, PROMO_URL2, etc.
  La URL de una página de destino para los destinatarios que hacen clic en la imagen del producto.
• TITULAR1, TITULAR2, etc.
  Una breve descripción del producto de 1-2 líneas.
• PRECIO1, PRECIO2, etc.
  El precio base del producto (solo número, sin moneda).
• PRICE_CURRENCY1, PRICE_CURRENCY2, etc.
  El código de divisa de 3 letras (p. ej., USD) para el precio del artículo.
• DISCOUNT_VALUE1, DISCOUNT_VALUE2, etc.
  Si corresponde, el importe de descuento de un artículo (solo número, sin divisa).
• POSICIÓN
  (Opcional) un número que indica la posición de este elemento en el carrusel.

Imagen única

  <div itemscope itemtype="http://schema.org/PromotionCard">
    <meta itemprop="image" content="IMAGE_URL1"/>
    <meta itemprop="url" content="PROMO_URL1"/>
  </div>

Reemplaza los siguientes marcadores de posición en el código:

• IMAGE_URL1
  La URL de una imagen de producto que se mostrará en el carrusel. Las relaciones de aspecto compatibles son 4:5, 1:1 y 1.91:1.
• PROMO_URL1
  La URL de una página de destino para los destinatarios que hagan clic en la imagen del producto.

Acerca de la extracción automática de anotaciones

A veces, Google extrae automáticamente datos de email para añadir anotaciones, incluso cuando un remitente no ha añadido el código descrito anteriormente. Esto se hace a discreción de Google y no puede controlarlo el remitente.

Solución de problemas de tus anotaciones

Google aplica requisitos estrictos para las anotaciones, y es posible que no se muestren por varios motivos. Si tus anotaciones no aparecen después de seguir las instrucciones de configuración de este artículo indicadas anteriormente, prueba los pasos de solución de problemas que se indican a continuación:

Asegúrate de que tu marca esté en la lista de permitidos

Google mantiene una lista de permitidos limitada de marcas aprobadas que pueden usar anotaciones de email para evitar el spam y el abuso. Si no tienes acceso, puede que necesites solicitarlo a Google:

1. Ponte en contacto con Google siguiendo los pasos descritos anteriormente.
2. Deja pasar entre 7 y 10 días hábiles para recibir una respuesta.

No se garantiza que tu marca se añada a la lista de permitidos una vez que lo solicites, ya que esto se gestiona a la entera discreción de Google.

Comprueba la calidad de tu imagen

Todas las imágenes utilizadas para las anotaciones de correo electrónico deben superar el filtro de calidad de Google. Las imágenes que no cumplan los requisitos no se mostrarán en la bandeja de entrada. Asegúrate de que tus imágenes cumplan estos criterios:

• Alta calidad (es decir, superior a 500 KB)
• Tener muy poco texto o no tener texto
• Son rectangulares (no uses una máscara para hacer la imagen redonda ni con otra forma)
• Tengan un tamaño de, al menos, 256x256 píxeles

No uses imágenes únicas por destinatario

Se debe usar la misma imagen para todos los destinatarios. Puedes añadir parámetros de seguimiento únicos a la URL promocional, pero no a la URL de la imagen.

Evita usar herramientas que generen imágenes CID (es decir, imágenes que son únicas para cada destinatario), ya que las anotaciones no se mostrarán si se utilizan.

Ten en cuenta el límite de densidad de Gmail

Google limita el número de imágenes de anotación que un usuario puede ver en su bandeja de entrada a la vez (es decir, un "límite de densidad"). Si la bandeja de entrada de un destinatario ya tiene varios emails recientes con anotaciones, es posible que el tuyo no aparezca para evitar el desorden. Este límite se implementa únicamente a discreción de Google y el remitente no puede controlarlo.

Ten en cuenta que es posible que las anotaciones no aparezcan en los envíos de email de vista previa

Por lo general, las anotaciones no aparecerán en la bandeja de entrada para los emails de prueba enviados solo a unos pocos destinatarios. La función de anotaciones está diseñada para envíos masivos, por lo que es probable que las anotaciones solo aparezcan cuando se envíe un mensaje a > 100 destinatarios.

Asegúrate de estar en la pestaña de Gmail compatible

Se admiten anotaciones para que se muestren solo en la aplicación móvil de Gmail, en la pestaña Promociones.

Las anotaciones no se pueden mostrar en:

• Cualquier otra pestaña de la aplicación de Gmail, además de Promociones
• Gmail visto en cualquier navegador web (p. ej., el sitio móvil o de escritorio)
• Bandejas de entrada para usuarios que no tienen la pestaña Promociones habilitada en la configuración de Gmail

Recursos adicionales