Descripción general
En este tutorial, aprenderás cómo crear un email de carrito abandonado y a configurar un escenario para recuperar las ventas perdidas. También aprenderás qué datos de pedidos de NopCommerce son compatibles con la plataforma de Brevo.
Antes de empezar
Necesitarás lo siguiente:
- Credenciales de la cuenta de Brevo. Si no tienes una, regístrate gratis.
- Sigue estos pasos para instalar el plugin de NopCommerce.
1. Crear una plantilla de email de carrito abandonado
Primero, inicia sesión en tu cuenta de Brevo y, a continuación, ve a Marketing > Templates (Plantillas) > Email. Haz clic en el botón de New Template (Nueva plantilla) situado en la parte superior derecha.
La plantilla de email se puede personalizar con varios tipos de datos:
- atributos de contacto guardados en tu lista de Brevo
- detalles del artículo abandonado
- detalles del carrito abandonado
Personalizar el email con atributos de contacto
En primer lugar, personalizaremos los atributos de contacto.
En el siguiente ejemplo, hemos incluido la personalización de:
- el nombre del destinatario con {{ contact.FIRSTNAME }}
- el apellido del destinatario con {{ contact.LASTNAME }}
Información relevante: FIRSTNAME y LASTNAME deben ser atributos que existan en tu cuenta de Brevo.
Ahora vamos a personalizar la plantilla de email con variables de pedido, como el nombre de los artículos que quedan, sus imágenes, el precio, etc. Para ello, utilizaremos el nuevo lenguaje de plantillas para insertar una lista dinámica.
Personalizar el email con los detalles de los artículos abandonados
| Información sobre los artículos | Insertar este marcador de posición en la plantilla |
| Name (Nombre) | {{ item.name }} |
| SKU | {{ item.sku }} |
| Category (Categoría) | {{ item.category }} |
| ID | {{ item.id }} |
| ID of the item variation (ID de la variación del artículo) | {{ item.variant_id }} |
| Name of the item variation (Nombre de la variación del artículo) | {{ item.variant_name }} |
| Price (Precio) | {{ item.price }} |
| Quantity (Cantidad) | {{ item.quantity }} |
| Storefront link of the purchased item (Enlace a la tienda del artículo comprado) | {{ item.url }} |
| Image (Imagen) | {{ item.image }} |
En el editor Drag & Drop (clásico), selecciona el bloque que quieras para mostrar los artículos abandonados.
- Haz clic en el icono del lápiz para editar la configuración del bloque de diseño.
- Activa la opción dynamic list (lista dinámica).
- En el campo parameter (parámetro), introduce
items (artículos). - En el campo variable, introduce
item (artículo). - Establece un límite para el número de artículos que se mostrarán. Por ejemplo, si quedan 5 artículos en el carrito y estableces 3 como límite, solo se mostrarán 3 artículos en el email.
Ahora, añade las variables a la plantilla de tu email. En el ejemplo anterior, hemos añadido:
- {{ item.name }} - El nombre del artículo
- {{ item.quantity }} - La cantidad del artículo
- {{ item.price }} - El precio del artículo
Para añadir el enlace del artículo, selecciona el botón de llamada a la acción (CTA). En la barra lateral derecha, en Link (Enlace), introduce {{ item.url }}.
Para añadir la imagen del artículo, selecciona la imagen. En la barra lateral derecha, en Image source (Fuente de la imagen), selecciona "From URL (Desde URL)" y, a continuación, introduce {{ item.image }}.
Personalizar el email con los detalles del carrito abandonado
Las siguientes variables pueden incluirse directamente en el contenido de tu plantilla de Brevo:
| Detalles del carrito | Insertar este marcador de posición |
| Affiliation (Afiliación) | {{ params.affiliation }} |
| Currency (Divisa) | {{ params.currency }} |
| Discount (Descuento) | {{ params.discount }} |
| Shipping (Envío) | {{ params.shipping }} |
| Subtotal | {{ params.subtotal }} |
| Tax (Impuestos) | {{ params.tax }} |
| Total before tax (Total sin impuestos) | {{ params.tax }} |
| Total | {{ params.total_before_tax }} |
| Link to cart (Enlace al carrito) | {{ params.url }} |
Información relevante: los artículos que se muestran en la página del enlace al carrito pueden variar según el lugar desde donde se abra la sesión. Por ejemplo, supongamos que un cliente está navegando desde su ordenador portátil. Si hace clic en el email de carrito abandonado desde su teléfono, no se mostrará su carrito abandonado.
En el editor Drag & Drop (clásico), selecciona el bloque que quieras para mostrar la información del carrito abandonado y, a continuación, añade las variables del pedido que desees.
En el editor Drag & Drop (clásico), selecciona el bloque que quieras para mostrar la información del carrito abandonado y, a continuación, añade las variables del pedido que desees.
Recomendamos dar formato a los números mediante floatformat. En el siguiente ejemplo, hemos añadido:
- {{ params.currency }} - La divisa del carrito abandonado
- {{ params.subtotal | floatformat: 2 }} - El importe total del carrito abandonado
- {{ params.discount | floatformat: 2 }} - El descuento del carrito abandonado
- {{ params.total | floatformat: 2 }} - El importe total del carrito abandonado
Para añadir el enlace del carrito abandonado, selecciona el botón de llamada a la acción (CTA). En la barra lateral derecha, en Link (Enlace), introduce {{ params.url }}.
Una vez que hayas terminado tu diseño, haz clic en el botón verde "Save & Quit (Guardar y salir)". A continuación haz clic en el botón "Save & Activate (Guardar y activar)".
2. Crear el escenario de carrito abandonado
Información relevante: el cliente debe identificarse con su dirección de email para que un escenario se active, es decir, debe haber iniciado sesión en su cuenta en tu tienda de BigCommerce o haber introducido su dirección de email durante el pago.
Ve a la pestaña Automation (Automatización) de tu cuenta de Brevo.
Haz clic en + CREATE A NEW WORKFLOW (CREAR UN NUEVO ESCENARIO), a continuación selecciona "Detailed Abandoned Cart (Carrito abandonado detallado)" y sigue los pasos.
En el paso "Send an email (Enviar un email)", selecciona la plantilla de email que acabas de crear y activar en la lista desplegable.
Cuando el escenario esté completo, haz clic en DONE (LISTO) para guardarlo y activarlo.
Consulta este tutorial para facilitar la creación del escenario: Recuperación de carritos abandonados: envío automático de emails (paso 3).
3. Ejemplo
Supongamos que el cliente Jean Blue jean.blue@brevo.com ha visitado tu tienda, pero ha dejado los siguientes 3 artículos en el carrito.
Tu plantilla se verá así.
El email que recibirá Jean Blue jean.blue@brevo.com se verá así.
Lecturas adicionales
- Aprender a configurar el plugin de NopCommerce.
- Aprender a crear un email de confirmación de pedido para los clientes de NopCommerce.
¿Tienes alguna pregunta?
Si tienes preguntas, recurre a:
- Visitar los foros de NopCommerce. Son gratuitos y, en su mayoría, los proporciona la comunidad de NopCommerce (a veces, el equipo de NopCommerce).
- Los servicios de soporte prémium de NopCommerce. De pago, rápidos y prestados por el equipo de NopCommerce.
- Publicar el problema en el repositorio de plugins de NopCommerce.
🤔 ¿Tiene alguna duda?
Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.
Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con la agencia partner de Brevo adecuada.