Cómo crear correos electrónicos dinámicos activados por eventos mediante plantillas de SendPulse prediseñadas

Crea correos electrónicos dinámicos para enviar a cada uno de sus clientes información personalizada, por ejemplo, el estado de tu pedido en cada etapa. Debido a que las plantillas son dinámicas, puedes incluir no solo texto, imágenes y enlaces, sino que también puedes cambiar mucho contenido utilizando variables. Dichas plantillas se pueden ampliar a varios elementos con tarjetas de productos en función de la cantidad de productos que el pedido de un cliente

SendPulse tiene plantillas prediseñadas que funcionan según el mismo principio, incluidos elementos para: "Productos vistos", "Carrito abandonado", "Complete su pedido", "Pagar", "Pedido enviado" y "Solicitud de comentarios". 

Solo tienes que seleccionar la plantilla deseada del elemento "Correo electrónico" en el generador de flujo y crear un evento con la lista de variables que están en la plantilla. A continuación, envía estos datos desde tu sitio web a la URL creada a través de la API.

Hablemos de cada paso con más detalle.

Paso 1. Elige una plantilla

Puedea seleccionar una plantilla inmediatamente en el generador de flujo con el elemento "Correo electrónico"> "Seleccionar plantilla"> "Nuestra biblioteca de plantillas" y editarla allí. O puedes seleccionar una plantilla a través del menú “Plantillas de correo electrónico”> “Biblioteca de plantillas”, editarla y agregarla a un flujo nuevo o existente una vez que hayas terminado de editarla.

Paso 2. Edita la plantilla

Haz clic en "Editar plantilla". Ve la información predeterminada: diseño y variables incluidas.

Para la plantilla seleccionada, se agregará información personalizada utilizando las variables: order_id, order_date, delivery_recipient, payment_method, delivery_address, delivery_price, total.

La información dinámica son los datos del producto. Estos datos se transmiten a través de una matriz y cada variable comienza con item: item.name (nombre del producto), item.img (imagen del producto), item.price (precio del producto), item.url (enlace del producto), item_count (cantidad) . Dependiendo de la cantidad de productos transferidos (cada producto es un objeto separado de la matriz de productos), el número requerido de elementos se agrega automáticamente.

Puedes cambiar las variables y cualquier otra información o datos que desees mostrar en la plantilla de correo electrónico para que coincida con tu diseño ideal.

Un modo de edición de código está disponible para cada elemento de texto. Para abrirlo, selecciona un elemento, haz clic en el signo <> en el panel de edición azul. En el editor de código, por ejemplo, puedes encontrar la variable de enlace: se muestra como un hipervínculo al texto del nombre del producto y la imagen del producto.

Además, aquí puedes verificar los márgenes, el color, el tamaño y otros elementos de formato del texto y la tabla.

Sin el conocimiento de las etiquetas y atributos HTML, o de lo que pueden conducir los cambios en varios parámetros, no se recomienda cambiar la información en el código fuente. Usa la barra de herramientas para hacer esto o deja la configuración inicial.

Para la variable img, se ha agregado una etiqueta de visualización de imagen con el atributo de origen <img scr = ”item.img”> al código de la plantilla. La imagen en sí se transferirá a la variable como un enlace a la imagen. En esta variable, transfiere la imagen del producto que seleccionó el usuario. Este elemento también tiene opciones de estilo para mostrar una imagen a través del atributo de estilo.

La estructura de este elemento con el producto es tabular, como toda la plantilla, por lo que cada elemento, una imagen o texto, es una celda separada en la tabla. Aquí se utilizan los estilos de imagen y de tabla.

La variable de enlace se agrega a través de la etiqueta de creación de enlace con el atributo de dirección <a href="/item.url">. Siguiendo el enlace en esta plantilla se ejecuta haciendo clic en la imagen del producto o el nombre del producto. En este enlace, puedes transferir la página del producto en el sitio donde el cliente realizó el pedido.

Paso 3. Copia los nombres de las variables

Si ya editaste toda la información necesaria, copia todos los nombres de variables que aprendimos en el paso anterior.

Te en cuenta que cada carácter, así como su caso, tiene un significado. Los mensajes se crean textualmente utilizando datos variables. Si los datos se transfieren a otro nombre de variable, quedará un espacio vacío en el mensaje recibido por el usuario.

Necesitaremos los nombres de estas variables para crear un evento. Por defecto, todas las variables usan minúsculas.

Paso 4. Guarda la plantilla

Antes de salir de la plantilla del editor, asegúrate de eliminar cualquier elemento adicional agregado como ejemplo. Para hacer esto, selecciona el elemento y haz clic en el icono de la papelera.

Vuelve a verificar la plantilla: si todo está correcto, haz clic en "Guardar y continuar" en la esquina superior derecha.

Paso 5. Crea un evento

Para iniciar el flujo y transferir datos al cliente desde tu sitio, deberás crear un evento con las variables necesarias.

Ve a "Automatizaciones"> "Administrador de eventos", haz clic en "Agregar nuevo evento" y selecciona "Evento personalizado". En estos campos, agregaremos las variables que se especifican en la plantilla.

Cualquier variable fuera de la matriz utilizará la misma información para todos los productos para los que no se necesitan bloques dinámicos. Se escriben como variables separadas, cada una con una nueva línea. A la derecha, selecciona el tipo de variable.

For the product data, that is, an element that changes dynamically depending on the number of products, add the variable products with the structure type (in templates for arrays, by default, a variable with the same name is used, if you change it in the template, then you also need to change it in the event). Then add the names of the variables for the product. Variable names are added without item.

Para los datos del producto, es decir, un elemento que cambia dinámicamente según la cantidad de productos, agrega la variable products con el tipo de estructura (en las plantillas para matrices, de forma predeterminada, se usa una variable con el mismo nombre, si la cambias en la plantilla, entonces también debes cambiarla en el caso). Luego agrega los nombres de las variables para el producto. Los nombres de las variables se agregan sin item.

Después de agregar todas las variables, haz clic en "Agregar". ¡Felicitaciones! Tu evento ha sido creado con éxito. Copia la URL a la que se enviarán los datos y el cuerpo de la estructura de datos en sí. Debes pasarlo a tu desarrollador para configurar el envío de información desde tu sitio a través de una solicitud POST.

Paso 5. Conectando todo y construyendo un flujo

Ve a la sección "Automatizaciones" y haz clic en "Crear automatización" si aún no lo has creado, y selecciona "Automation360".

El inicio del flujo será el evento que creamos en el primer paso.

Puedes elegir la opción para usar variables de la lista y seleccionar la lista de correo. Si tu lista tiene datos del cliente para una variable dada, puedes usarla en la plantilla y los filtros. Haz clic en "Aplicar".

Luego puedes agregar un elemento "Filtro" para filtrar los contactos por variables recibidas y crear varias ramas de secuencia de comandos, y elementos "Acción", "SMS" o "Push". O selecciona inmediatamente el elemento "Correo electrónico" y agrega una plantilla prediseñada.

Si no has creado plantillas antes, las plantillas dinámicas listas para usar se encuentran en la pestaña "Plantillas de servicio". Si ya has creado y guardado plantillas personalizadas, selecciona la que necesites en la sección "Mis plantillas".

Para editar la plantilla seleccionada, haz clic en "Editar" debajo de la plantilla. Para reemplazarlo con otra plantilla, haz clic en "Eliminar plantilla" y selecciona una nueva.

Para el elemento "Correo electrónico", también selecciona el tiempo de respuesta, inmediatamente o después de un cierto período de tiempo. Selecciona el asunto del mensaje y adjunta el archivo si es necesario.

Para correos electrónicos transaccionales, puedes deshabilitar el enlace para cancelar la suscripción. Además, puedes agregar hasta 3 correos electrónicos sin un enlace. Después de completar todos los datos, haz clic en "Aplicar".

Continúa configurando el flujo si deseas enviar contenido adicional. Cuando tengas todo lo que necesitas, haz clic en "Guardar y ejecutar".

De acuerdo con la política del servicio, se moderan todos los correos electrónicos creados: se verifican los contenidos del correo electrónico y las estadísticas sobre campañas y contactos, si los hay. La moderación puede tomar hasta 20 minutos.

Si comienzas un evento antes de que se modere el correo electrónico, el suscriptor se pone en cola durante 30 minutos.

Tu flujo automático está listo, ahora puedes enviar correos electrónicos dinámicos de prueba.

Probar lo que creamos

Puedes probar el envío de la solicitud utilizando el "Administrador de eventos". Para hacer esto, selecciona un evento y haz clic en "Ejecutar una solicitud de prueba".

Pero en este caso, no puedes sustituir tus valores: se agregará un valor de texto de prueba en lugar de cada elemento.

Puedes probar recibir un correo electrónico con datos reales a través del programa. Usando tales programas, puedes enviar datos solo como en modo de demostración, no será adecuado para enviar datos reales desde tu sitio. Para casos reales, utilizan el backend del sitio a través de la base de datos del sitio en varios lenguajes de programación, el programador configura el envío de tales solicitudes.

Para las pruebas, utilizaremos el programa Postman.

En el campo URL, agrega el enlace para el evento creado. Para el método de solicitud, selecciona POST.

En el cuerpo de la solicitud, necesitamos insertar los parámetros transmitidos en formato JSON. Puedes agregar varios productos al parámetro de la matriz de productos.

Para enviar una solicitud, haz clic en "Enviar".

Si la solicitud fue exitosa, recibirás una respuesta True y se enviará un correo electrónico a la dirección de correo electrónico especificada con los datos enviados.

Ejemplos de solicitudes de eventos utilizando plantillas prediseñadas

A continuación se muestra una lista de todas las solicitudes con variables que se agregan, de forma predeterminada, a plantillas SendPulse prefabricadas para flujos de eventos.

Ejemplo de solicitud para la plantilla “Complete the order”:

{
  "email": "yourname@example.com",
  "phone": "+123456789",
  "products": [
    {
      "name": "name value",
      "img": "img value",
      "url": "url value",
      "price": 123
    }
  ]
}

Ejemplo de solicitud para la plantilla "Order Received”:

{
  "email": "yourname@example.com",
  "phone": "+123456789",
  "order_id": 123,
  "order_date": "2020-06-18",
  "delivery_recipient": "delivery_recipient value",
  "payment_method": "payment_method value",
  "delivery_address": "delivery_address value",
  "total": 123
  "products": [
    {
      "name": "name value",
      "img": "img value",
      "url": "url value"  
    }
  ]
}

Ejemplo de solicitud para la plantilla “Order confirmed”:

{
  "email": "yourname@example.com",
  "phone": "+123456789",
  "order_id": 123,
  "order_date": "2020-06-18",
  "delivery_recipient": "delivery_recipient value",
  "payment_method": "payment_method value",
  "delivery_address": "delivery_address value",
  "delivery_price": 123,
  "total": 123,
  "products": [
    {
      "id": 123,
      "name": "name value",
      "img": "img value",
      "url": "url value",
      "price": 123,
      "count": 123
    }
  ]
}

Ejemplo de solicitud para la plantilla “Abandoned Cart”:

{
  "email": "yourname@example.com",
  "phone": "+123456789",
  "products": [
    {
      "name": "name value",
      "img": "img value",
      "url": "url value",
      «count»: 123
      "price": 123
    }
  ]
}

Ejemplo de solicitud para la plantilla “Order Shipped”:

{
  "email": "e.darkling@gmail.com",
  "phone": "+123456789",
  "order_id": 123,
  "products": [
    {
      "id": 123,
      "name": "name value",
      "img": "img value",
      "url": "url value",
     }
  ]
}

Ejemplo de solicitud para la plantilla “Feedback Request”:

{
  "email": "yourname@example.com",
  "phone": "+123456789",
  "order_id": 123,
  "products": [
    {
      "id": 123,
      "name": "name value",
      "img": "img value",
      "url": "url value",
     }
  ]
}

Envía correos electrónicos de activación basados en plantillas dinámicas de SendPulse prefabricadas y automatiza el proceso de pedido de productos.

Choose template

<Elegir la plantilla>

Califica este artículo sobre "Cómo crear correos electrónicos dinámicos activados por eventos mediante plantillas de SendPulse prediseñadas"

Opinión de los usuarios: 4 / 5 (8)

    Otros artículos útiles

    Popular en nuestro blog

    Prueba el servicio de email de SendPulse gratis