Introducción
Los bloques de contenido son porciones de estructuras pre-diseñadas por ti que te ayudarán a optimizar los tiempos de diseño de tus campañas de email.
La finalidad de los bloques es dejar ciertas estructuras de contenido diseñadas que luego podrás utilizar en la fase de diseño de emails, simplemente arrastrando y soltando estos bloques de contenido sobre tu diseño.
Por ejemplo, puedes crear estructuras pre-diseñadas con distintos formatos para:
Headers / Encabezados
Content / Contenido
Footer / Pie de página
Products / Productos
Others / Otros
Imagínate tener pre-diseñados elementos para tus eventos masivos como un Hotsale o Cyberday donde tus elementos principales como un header o footer cambian sus estilos. Bueno, puedes utilizar los bloques para ya tenerlos armados y al momento de diseñar tus correos poder incorporarlos rápidamente.
Casos de uso
A continuación, te presentamos algunos casos prácticos de aplicación para sacar provecho a tus bloquees de contenido.
Bloque de contenido para vitrina de productos
En el editor de Midway podrás utilizar un lenguaje de programación para mostrar contenido dinámico, en base a los datos que tienes disponibles de tus clientes y productos en Midway.
El único requisito es tener el dato que define la condición, si está disponible se pueden hacer templates muy dinámicos y ajustados a cada uno de tu clientes.
Estos elementos condicionales, puedes utilizarlos para mostrar determinados datos relevantes de tus productos.
Veamos el siguiente ejemplo:
Vamos a crear un nuevo bloque. Es importante que si es un bloque de producto, selecciones del menú desplegable la categoría [Products]
El diseño de este bloque de contenido contiene 3 elementos básicos
Contenido de imagen
Contenido de texto
Contenido de botón
Cada uno de estos contenidos tienen una serie de variables y estilos que te permitirán llamar externamente a determinados datos tu catálogo de productos integrado a Midway.
Bloque de imagen: en el campo [Imagen Dinámica] se deberá insertar la variable {{product.image}}. De esta manera, se mostrará la imagen de un producto.
Bloque de texto: en esta sección se han incorporado las siguientes variables
{{product.name}}: Titulo del producto
{{product.sku}}: SKU del producto
{{product.stock}}: Stock del producto
{{product.price}}: Precio del producto
{{product.price_sale}}: Precio con descuento
Bloque de botón: en esta sección se ha incorporado la variable {{product.link}} que incorporará dinámicamente la URL del producto correspondiente.
Listado de variables que puedes utilizar en tus bloques de contenido.
A continuación, te contamos cuáles son todas las variables que puedes utilizar para personalizar tu bloque de contenido.
Variable | Respuesta |
{{product.image}} | Imagen del producto |
{{product.name}} | Nombre del producto |
{{product.sku}} | SKU del producto |
{{product.stock}} | Stock disponible del producto |
{{product.price}} | Precio del producto |
{{product.price_sale}} | Precio con descuento del producto |
{{product.link}} | URL del producto |
{{product.description}} | Descripción del producto |
{{product.discount_percentage}} | Porcentaje de descuento del producto |
{{product.discount_amount}} | Importe de descuento del producto |
¡Anímate a crear diseños avanzados!
☝️ Tip de uso: fórmula para acortar la descripción del producto.
Si tus productos suelen tener una descripción muy extensa y quieres acortarla en tu diseño, utiliza esta fórmula en el bloque de texto:
@truncate({{product.description}}; 80) - Donde 80 es la cantidad de caracteres
También puedes aplicar la misma fórmula para acortar el nombre del producto:
@truncate({{product.name}}; 80) - Donde 80 es la cantidad de caracteres