Ir al contenido principal

Configurar última compra en MailUp

Instructivo para crear el endpoint de personalización y el template de última compra.

Midway | Customer Support avatar
Escrito por Midway | Customer Support
Actualizado hace más de 2 meses

El objetivo de esta sección es obtener el detalle los productos comprados por cada cliente, a partir del ID, y luego esa información mostrarla en un template de MailUp.

Requisitos:

  • Integrar su E-commerce con MailUp y tener configurado el servicio de Órdenes.

  • Habiendo cumplido con el paso anterior, tendríamos que revisar que los IDs de los productos comprados se estén enviando a un campo de MailUp. Esto se hace dentro de la configuración del servicio.

Crear endpoint de personalización manualmente

Para crear o comprobar el endpoint de personalización debe ir en MailUp a:

Ajustes > Ajustes avanzados > Personalización

Luego ir a Endpoints de personalización y hacer clic en 'Nuevo Endpoint'.

A continuación se puede ver cómo configurarlo.

URL del endpoint: https://api.midway.la/api/2.0/projects/<ID PROJECT>/content/json

Es importante que busque su PROJECT ID de Midway y reemplace <PROJECT_ID> por ese valor. Puede encontrarlo en Midway en la esquina superior izquierda de la pantalla, al lado del nombre de su proyecto, con el formato: Nombre del proyecto (#ID)

Parámetros obligatorios:

  1. Modo

    1. Nombre del parámetro: mode

    2. parámetro: Valor constante

    3. valor del parámetro: mailup

  2. Campo a comprar

    1. Nombre del parámetro: field[item_id][in]

    2. parámetro: Seleccionar el campo en donde se estén sincronizando los ID

    3. valor de ejemplo: Podría buscar un ID en Midway o buscar uno dentro de un perfil del grupo "SetUp - Orders" o "Midway - Orders", en el campo que se esté sincronizando esa información.

Crear template de última compra

Para crear el template de última compra debe ir en MailUp a:

Mensajes > Email > Guardados

Luego ir a "NUEVO EMAIL".

Luego ir a EMPIEZA A DISEÑAR.

Seleccione la plantilla "Mensaje en blanco".

Dentro del editor Drag & Drop debe incluir una fila con la estructura con la que quiere mostrar sus productos y luego seleccionarla.

En nuestro ejemplo vamos a utilizar la fila que tiene más espacio de la derecha. Una vez que la arrastramos, la seleccionamos, y en el menú de la derecha tenemos que deslizar hacia abajo y hacer clic donde dice "Añade condición".

El formulario que aparece debe configurarlo de la siguiente manera:

  • Nombre: Productos

  • Descripción: Productos

  • Antes: {% for item in Content %}

  • Después: {% endfor %}

Hacer clic en Confirmar

Esta configuración sirve para repetir la misma fila una N cantidad de veces dependiendo de la cantidad de productos que compró cada cliente.

A continuación debemos agregar un contenido de HTML en el recuadro izquierdo y configurarlo con el siguiente código.

<a href="{{item.link}}" target="_blank">
<img src="{{item.image}}" width="128" height="128" style="width:1.33in;height:1.33in;text-decoration:none" />
</a>

Quedando de la siguiente manera:

Luego debemos agregar contenido de texto en el recuadro derecho y configurarlo con las siguientes variables.

  • {{item.name}}

  • {{item.price_sale_formatted}}

Quedando de la siguiente manera:

Los campos que se podrían utilizar son los siguientes. Siempre es recomendable revisar si tienen información esos campos dentro del catálogo del proyecto en Midway porque, tener o no datos, depende de la información que nos brinde la API de cada ecommerce.

  • item.item_id

  • item.categories

  • item.description

  • item.image

  • item.link

  • item.name

  • item.sku

  • item.price_formatted

  • item.price_sale_formatted

Una vez que terminamos de armar el diseño de nuestro correo, debemos guardar y asignar un asunto. Luego, en el menú de resumen del mensaje hay que ir a la sección avanzada y asignar el endpoint de personalización que creamos en los pasos anteriores.

Asignar endpoint de personalización al template de última compra

Dentro del resumen del mensaje debe ir a Avanzado.

Luego, tendrían que ir hasta abajo, habílitar el módulo que se ve en la imagen, y seleccionar el endpoint de personalización que creamos anteriormente. Si siguieron el instructivo, se debería llamar 'Midway - Productos última compra' y damos clic en GUARDAR

Probar la vista previa de los productos de la última compra

Una vez que haya realizado todos los pasos anteriores, puede ir al preview del mensaje y va a ver que aparece una opción de "Vista previa", haga clic.

Una vez se abra la pantalla debera seleccionar, en la sección de grupos, el grupo llamado "SetUp - Orders" o "Midway - Orders" para que MailUp tome un contacto de ese grupo de manera aleatoria y genere la vista previa.

El id del mensaje o del grupo va a ser diferente en su plataforma MailUp.

Asi se vería la vista previa:

¿Ha quedado contestada tu pregunta?