Workflow Transactional EmailWorkflow Transactional Email

Asunto y texto de vista previa

Antes de que alguien abra su correo electrónico, ve tres cosas en su bandeja de entrada: quién es el remitente, el asunto y el texto de vista previa. Dos de ellas vienen determinadas por el diseño.

Acme Store
Your order #1024 has shipped
Track your parcel - arriving Thursday, no signature needed

La tercera línea es el texto de vista previa. La mayoría de los comerciantes la dejan en blanco, por lo que el cliente de correo electrónico toma el primer texto que encuentra en el correo electrónico; a menudo, «Ver en el navegador», el texto alternativo de una imagen o una línea para darse de baja.

Asunto

Debe configurarse en todas las plantillas; es obligatorio. Ofrece soporte para los formatos {{ variables.xxx }} y {{ secrets.xxx }}, por lo que puede incluir el número de pedido o el nombre del cliente:

Your order {{ variables.orderName }} has shipped

Asigne un valor por defecto a los campos opcionales para que el cliente nunca reciba un campo en blanco:

Hi {{ variables.firstName | default: "there" }}, your order is on its way

Si puede, intente que no supere los 50 caracteres aproximadamente; los dispositivos móviles lo cortan si se supera esa longitud.

Texto de vista previa

El campo de texto «Vista previa» se encuentra justo debajo del asunto, tanto en la pestaña «General» del generador visual como en el editor de texto enriquecido o HTML.

El soporte es exactamente el mismo que el Liquid del objeto en cuestión, por lo que puede reproducir detalles dinámicos:

Arriving Thursday - track parcel {{ variables.trackingNumber }}

Intente que tenga entre 40 y 100 caracteres. Depende de cada cliente la cantidad que muestre; el campo tiene un límite de 200.

Dónde aparece

El texto de vista previa se añade al correo electrónico como un bloque oculto situado en la parte superior del cuerpo del mensaje. Los destinatarios lo ven en la lista de la bandeja de entrada, pero resulta invisible cuando abren el mensaje, por lo que nunca aparece dos veces ni interfiere con su diseño.

Detrás de ese bloque oculto, la aplicación añade caracteres de relleno invisibles. Sin ellos, los clientes extraen el primer texto real de su correo electrónico justo después de la línea de vista previa, y los comerciantes acaban con entradas en la bandeja de entrada que dicen_:_ «Realice el seguimiento de su paquete. Ver en el navegador. Darse de baja».

Cómo redactar una buena...

El asunto y el texto de vista previa se leen conjuntamente, por lo que le rogamos que no repita la misma información.

Asunto Texto de vista previa
Débil Su pedido ya se ha enviado Su pedido ya se ha enviado
Mejor Su pedido ya se ha enviado Llegada el jueves: no es necesaria la firma

Añada el detalle que haga que alguien lo abra: la fecha de entrega, el importe y qué hay que hacer a continuación.

El texto de vista previa no es la descripción

Esto suele confundir a la gente, por lo que conviene ser muy claro al respecto.

Campo ¿Quién lo ve? Para qué sirve
Asunto El destinatario El asunto del correo electrónico
Texto de vista previa El destinatario La línea de la bandeja de entrada que aparece tras el asunto
Descripción Solo usted, en esta aplicación Una nota interna para distinguir los diseños en su lista

La descripción nunca sale de la aplicación. Si ha estado redactando allí textos dirigidos a los clientes, trasládelos al texto de vista previa.

Comprobarlo

La vista previa en la página no muestra el texto de la bandeja de entrada, ya que se trata de la visualización del cliente de correo y no del propio correo electrónico. Para comprobarlo:

  1. Utilice la opción «Enviar correo electrónico de prueba» desde la plantilla.
  2. Eche un vistazo a la vista de lista de su bandeja de entrada; no abra el mensaje.
  3. Compruebe que la línea que sigue al asunto se lee tal y como usted pretendía.

En el móvil, compruebe tanto la notificación como la lista, ya que se recortan de forma diferente.

Si su texto de vista previa contiene una variable, recuerde que en un envío de prueba se utilizan sus variables de prueba, no las de Shopify Flow. Consulte Pasar datos desde Shopify Flow.

Relacionado