Productos, cupones y el carrito

Con los productos y los pedidos de tu tienda en Emailit (consulta Comercio electrónico), los emails de campañas y automatizaciones pueden mostrar productos, dar a cada destinatario su propio código de cupón, listar lo que hay en su carrito y usar su historial de compras. Todas las etiquetas de esta página funcionan en el asunto, en el HTML y en la versión de texto plano, y se rellenan para cada destinatario cuando se crea el email.

Añadir un bloque en el editor

En el paso Content del asistente de campañas, selecciona Products & coupons. Elige productos, un cupón, el carrito o datos del cliente, ajusta las opciones, selecciona Copy y pega la etiqueta en tu contenido. En los editores de texto enriquecido y Dragit, el menú de variables también lista etiquetas de comercio electrónico ya preparadas.

El resto de esta página describe las propias etiquetas, para el editor HTML, la API y las plantillas de automatización.

Cuadrículas de productos

{{products}} inserta una cuadrícula de tarjetas de producto con una imagen, el título, el precio (con el precio anterior tachado cuando el producto está en oferta) y un botón:

{{products source="best_sellers" limit="3"}}
{{products source="recently_viewed" limit="4" fallback="best_sellers" button="View"}}
{{products "on_sale"}}

Una palabra entre comillas al principio es una forma abreviada de source.

Los feeds omiten los productos archivados y los productos con un inventario de 0, salvo last_order.

Orígenes

Tu propia maquetación

Para diseñar tú las tarjetas, recorre un feed con {{#each}}. Dentro del bucle, usa los campos del producto:

{{#each products.recommended limit="3" fallback="best_sellers"}}
  <a href="{{url}}"><img src="{{image_url}}" alt="{{title}}" width="180"></a>
  <p>{{title}}: {{price_formatted}}{{#if on_sale}} <s>{{compare_at_price_formatted}}</s>{{/if}}</p>
{{/each}}

Usa {{#if products.recently_viewed}}...{{/if}} para mostrar una sección solo cuando un destinatario tiene productos en un feed. Los datos de los productos se escapan como HTML, así que el título de un producto no puede romper tu email.

Códigos de cupón

{{coupon "key"}} inserta un código del cupón con esa clave:

<p>Here's 10% off your next order: <strong>{{coupon "welcome10"}}</strong></p>

• Un cupón de códigos únicos da a cada destinatario su propio código de su pool. Un destinatario conserva el mismo código en todos los emails de la misma campaña o automatización, incluida la versión web.
• Un cupón de un código para todos inserta su código para todos.
• Cuando el pool de un cupón único se ha agotado o el cupón ha caducado, los destinatarios reciben su código alternativo, o nada si no tiene.
• Las vistas previas y los envíos de prueba muestran un ejemplo como WELCOME10-PREVIEW y no gastan códigos.
• Una clave desconocida no muestra nada.

{{coupon.welcome10}} es el mismo código como variable, por ejemplo en {{#if coupon.welcome10}}.

El carrito

{{cart}} inserta el carrito abierto del destinatario: cada artículo con su imagen, su cantidad y su precio, el total y un botón Return to your cart que enlaza a la URL de pago del carrito. Define button y button_color igual que en las cuadrículas de productos. Cuando el destinatario no tiene ningún carrito abierto, no muestra nada.

Para tu propia maquetación, usa las variables del carrito:

{{#if cart}}
  <p>You left {{cart.item_count}} items ({{cart.total_formatted}}) in your cart.</p>
  {{#each cart.items}}<p>{{quantity}} × {{title}}: {{line_total_formatted}}</p>{{/each}}
  <a href="{{cart.checkout_url}}">Complete your order</a>
{{/if}}

cart tiene id, total, total_formatted, currency, checkout_url, item_count e items. Cada artículo tiene los campos de producto anteriores, además de quantity, line_total y line_total_formatted. El carrito es el carrito activo o abandonado más reciente del contacto, así que en una automatización de carrito abandonado es el carrito que se abandonó.

Datos del cliente

{{#if customer.is_customer}}Thanks for being a customer since {{customer.first_order_at}}.{{else}}Your first order ships free.{{/if}}

Versión web

{{webview_url}} enlaza a una versión web del email, renderizada para ese destinatario con los mismos productos, el mismo carrito y el mismo código de cupón. Úsala para un enlace «Ver en el navegador».

Ver también