Información relevante: este plugin lo ha desarrollado NopCommerce y hay varias formas de obtener asistencia por su parte.
Descripción general
En este tutorial, aprenderás a crear una plantilla de email de confirmación de pedido y a configurar un escenario para mantener el interés de los compradores. También descubrirá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 la plantilla de email de confirmación de pedido
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 New Template (Nueva plantilla) 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 pedido
- detalles del artículo pedido
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 existir ser atributos que existan en tu cuenta de Brevo.
Personalizar el email con los detalles del pedido
Las siguientes variables pueden incluirse directamente en el contenido de tu plantilla de Brevo:
| Datos del pedido | Datos de la dirección de envío | Datos de la dirección de facturación |
| {{ params.affiliation }} | {{ params.shipping.firstname }} | {{ params.billing.firstname }} |
| {{ params.currency }} | {{ params.shipping.lastname }} | {{ params.billing.lastname }} |
| {{ params.date }} | {{ params.shipping.company }} | {{ params.billing.company }} |
| {{ params.discount }} | {{ params.shipping.phone }} | {{ params.billing.phone }} |
| {{ params.id }} | {{ params.shipping.address1 }} | {{ params.billing.address1 }} |
| {{ params.revenue }} | {{ params.shipping.address2 }} | {{ params.billing.address2 }} |
| {{ params.shipping }} | {{ params.shipping.city }} | {{ params.billing.city }} |
| {{ params.subtotal }} | {{ params.shipping.country }} | {{ params.billing.country }} |
| {{ params.tax }} | {{ params.shipping.state }} | {{ params.billing.state }} |
| {{ params.total_before_tax }} | {{ params.shipping.zipcode }} | {{ params.billing.zipcode }} |
| {{ params.url }} |
En el editor Drag & Drop, selecciona el bloque que quieras para mostrar la información del pedido y, a continuación, añade tus variables.
Recomendamos dar formato a los números mediante floatformat. En el siguiente ejemplo, hemos añadido:
- {{ params.currency | floatformat: 2 }} - La divisa del pedido
- {{ params.subtotal | floatformat: 2 }} - El subtotal del pedido
- {{ params.discount | floatformat: 2 }} - El descuento del pedido
- {{ params.total | floatformat: 2 }} - El total del pedido
Ahora vamos a personalizar la plantilla de email con los artículos pedidos. Para ello, utilizaremos el nuevo lenguaje de plantillas para insertar una lista dinámica.
Personalizar el email con los detalles de los artículos pedidos
| 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 elemento) | {{ 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 comprados.
- 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 | floatformat: 2 }} - 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 }}.
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 confirmación de pedido
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 NopCommerce 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 "Product Purchase (Compra de productos)" y sigue los pasos.
-
Paso 1/3 - Se produce un evento
- Selecciona "Custom Event (Track Event) (Evento personalizado [Seguir evento])".
- Introduce order_completed.
- Haz clic en NEXT (SIGUIENTE).
-
Paso 2/3 - Añadir un retardo
- Elige un retardo. Por ejemplo, 5 segundos.
- Haz clic en NEXT (SIGUIENTE).
-
Paso 3/3 - Enviar un email
- En la lista desplegable, selecciona la plantilla de email que acabas de crear y activar.
- Marca "User my event data to customize the email (Usar mis datos de evento para personalizar el email)".
- Selecciona "The event data which triggered the workflow (Los datos del evento que activaron el escenario)".
- Haz clic en FINISH (FINALIZAR).
Cuando el escenario esté completo, haz clic en DONE (LISTO) para guardarlo y activarlo.
3. Ejemplo
Supongamos que el cliente Jean Blue jean.blue@brevo.com ha comprado los siguientes 3 artículos en tu tienda.
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 carrito abandonado 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.