Smart Elements_Cover Image
timer ~ 8 min. leídos
11570 vistas
valóralo
20 julio 2021

Automatización de la producción de correos electrónicos, o cómo utilizar elementos inteligentes en el marketing por correo electrónico

Stripo / Blog / Automatización de la producción de correos electrónicos, o cómo utilizar elementos inteligentes en el marketing por correo electrónico

Imagina que crear una ficha de producto con el diseño que realmente te gusta te lleva unos pocos clics.

Todo lo que tienes que hacer es pegar un enlace a su sitio web, y Stripo por sí mismo extrae la imagen del producto, la descripción del producto, y el nombre del producto en sus correos electrónicos de promoción.

No es necesario que guardes y subas las imágenes, ni que copies y pegues las descripciones de los productos, ni que añadas las URLs necesarias a los botones - estamos en ello.

¿Suena como un sueño hecho realidad?

Bueno, ahora te mostraremos cómo empezar a utilizar esta magia para los correos electrónicos..

Automatiza la producción de correos electrónicos con Stripo
Únete

¿Qué son los Elementos Inteligentes, o cómo funcionan?

Los elementos inteligentes son una funcionalidad diseñada por Stripo. Te permite automatizar la producción de emails. Esto es un verdadero ahorro de tiempo para aquellos que construyen múltiples tarjetas de producto y resúmenes de correo electrónico. Los configuras una vez y los utilizas en numerosas campañas de promoción.

En uno de los posts anteriores, ya mostramos cómo trabajar con nuestros Elementos inteligentes.

Tenías que establecer reglas internas y externas para que el sistema recupere y extraiga la información de corrección en los elementos respectivos de tus correos electrónicos.

Pero esta vez es mucho más fácil empezar a usar los Elementos Inteligentes.

Si tu sitio contiene etiquetas OG, sólo tienes que pegar el enlace al producto y especificar dónde exactamente en el correo electrónico debe ir cierta información sobre el producto. Te llevará menos de 5 minutos - sólo una vez. La próxima vez, cuando vuelvas a utilizar los Elementos Inteligentes, sólo tendrás que pegar el enlace al producto sin necesidad de configuración.

Nuestros Elementos Inteligentes actualizados son totalmente compatibles con los sitios web de la siguiente manera:

  1. Ebay.com.

  2. Aliexpress.com.

  3. Walmart.com.

  4. Etsy.com.

  5. Medium.com.

  6. Pocket.com.

  7. Vk.com.

  8. Reddit.com.

  9. Linkedin.com.

Cómo comprobar si tu sitio web contiene elementos inteligentes

Si tu sitio web no está en la lista anterior, debes comprobar si es compatible con las etiquetas OG - Open Graph — tags:

  • haz clic con el botón derecho del ratón en tu sitio web;
  • haz clic en Ctrl+F en Windows, o CMD+F en macOS;
  • introduce “og:”;
  • si encuentras alguna en el código, entonces tu sitio sí lo soporta.

Etiquetas OG

Si tu sitio no admite las etiquetas OG, consulta nuestra publicación del blog “Smart Elements Reduce the Time Spent on Creating Similar Emails” para obtener el manual sobre cómo trabajar con los elementos inteligentes en este caso.

Para aquellos, cuyo sitio web soporta las etiquetas OG, hemos preparado un breve manual sobre cómo configurar los elementos inteligentes en menos de 10 minutos.

Empecemos, ¿vale?

Diseñar una ficha de producto

Lo primero que tienes que hacer es construir una ficha de producto con todos los campos que necesites.

Ten en cuenta que si quieres el nombre y la descripción de un producto, tienes que tirar del bloque básico "Texto" en tu ficha de producto dos veces.

A continuación, diseñe cada elemento de la ficha de producto/bloque de resumen de correo electrónico de la forma que desee: establezca el tamaño de la fuente para cada elemento individualmente, trabaje en el color y la forma del botón, etc.

Para ello, tienes que añadir una imagen "placeholder" y un texto "lorem ipsum" en cada elemento respectivo.

¡Es importante que todos los bloques se encuentren dentro de un contenedor!

Elementos inteligentes_Diseño de una tarjeta de producto

O en una sola estructura, si quiere que su tarjeta/blog post forme toda la fila del correo electrónico.

Estructuras como tarjetas de producto

Configuración de los elementos inteligentes

Una vez que hayas terminado con el prototipo de tarjeta de producto, puedes proceder a la configuración de los elementos inteligentes.

Paso 1. Activar esta opción

  • haz clic en el icono "Contenedor"/"Estructura" de la plantilla;
  • en el panel de configuración, entra en la pestaña "Datos";
  • y haz clic en el botón "Comenzar".

Activación de la opción Elementos inteligentes

Paso 2. Configuración de los elementos inteligentes

En la pestaña "Configuración":

  • agregas las variables necesarias haciendo clic en el icono "Más";

Configuración de elementos inteligentes_Agregar variables

  • el sistema añadirá las variables necesarias automáticamente.

Ten en cuenta que la integración actual con Amazon, eBay, Etsy, etc. recupera los datos de la siguiente manera Nombre del producto, descripción e imagen. Los precios los añadiremos manualmente. Sin embargo, puede añadir el campo "Precio" en la ficha del producto - más adelante mostraremos cómo editarlo.

Paso 3. Establecer las reglas de concordancia

¡Buenas noticias! Stripo está en las reglas externas. Así que tendrás que establecer manualmente sólo las Internas.

URL a una página de producto

Si se hace bien, el enlace a la página de tu producto se añadirá a la imagen del producto y al botón CTA de tu ficha de producto. Al hacer clic en ellos, los usuarios serán dirigidos a la página correspondiente de tu sitio web.

Por lo tanto, para establecer las reglas internas para la URL, necesitas:

  • abrir la configuración necesaria yendo a la pestaña "URL";
  • en el campo de entrada "Selector CSS", introducir "a";
  • en el campo de entrada "Atributo", introducir "href".

Trabajando en las Reglas Internas para Enlaces

Nombre del producto

Si se hace bien, el nombre del producto se introducirá automáticamente en el correo electrónico desde su sitio web.

  • abre la pestaña "p_name";
  • Desplázate hacia abajo para introducir la variable ".p_name" en el campo de entrada "CSS selector". Es importante que la añadas con el punto (.) al principio;
  • ahora haz clic en el Nombre del producto están en la plantilla de correo electrónico para abrir tu código HTML;
  • pega class="p_name" en la etiqueta <p> de apertura.

Agregar clase para el nombre del producto

Puedes dar a esta clase cualquier otro nombre. Sólo debe ser único y coincidir con la variable que establezcas en el campo de entrada Selector CSS.

Hay otra forma de conectar los correos electrónicos con tu sitio web para recuperar los nombres de los productos.

Si aplicaste algún encabezado al nombre de tu producto, como yo usé el encabezado 2, sólo tienes que introducir "h2" (o h3, h4, h5) en el campo de entrada del Selector CSS. Y NO agregues nada al código.

Trabajar en variables para CSS Selector_Nombre

Descripción del producto
Si se hace bien, la descripción del producto necesaria se introducirá en el correo electrónico desde su sitio web.
  • Ve a la pestaña "p_description";
  • introduce la variable ".p_description" en el campo de entrada "Selector CSS". Es importante que la añadas con el punto (.) al principio;
  • ahora haz clic en el área de descripción del producto en la plantilla de correo electrónico para abrir tu código HTML;
  • pega class="p_description" en la etiqueta <p> de apertura.

Agregar las etiquetas de descripción en el código de correo electrónico

Al igual que en el párrafo anterior, me gustaría decir que puedes utilizar cualquier nombre para la clase. Depende de ti. Sólo asegúrate de que el mismo nombre se utilizó en el campo de entrada Selector CSS.

Lo mismo se aplica al párrafo siguiente.

Imagen del producto

Si se hace bien, la imagen del producto necesario será extraído en el correo electrónico desde tu sitio web.

  • ir a la pestaña "p_image";
  • introduce la variable ".p_image" en el campo de entrada "Selector CSS". Es importante que la añadas con el punto (.) al principio;
  • introduce "src" en el campo Atributo;
  • ahora haz clic en la imagen de la plantilla de correo electrónico para abrir su código HTML;
  • pega class="p_image" en la etiqueta <img> de apertura antes de src.

Adición de atributos para imágenes

Paso 4. Cómo pegar la URL

Ahora que has configurado tu elemento inteligente, puedes pegar el enlace al producto en el campo de entrada "Enlace". No importa si eliges la pestaña "Configuración" o la "Apariencia" - el campo de entrada es mutuo para las dos pestañas.

Pegar URL al producto en el campo de entrada de enlace

Ve la magia en acción.

Paso 5. Editar los precios

Como hemos mencionado anteriormente, la integración actual con Amazon, Etsy, eBay, Walmart y AliExpress no permite recuperar los precios a través de los elementos inteligentes.

Pero si añades este campo a tu ficha de producto con los Elementos Inteligentes, te resultará algo más fácil editar el precio.

Después de haber pegado el enlace a la Página de Producto, en la pestaña Apariencia, edita el precio en el campo destacado. Los estilos de diseño que haya establecido previamente se aplicarán de inmediato.

Edición de precios para elementos inteligentes

Guardar esta ficha de producto para reutilizarla en las futuras campañas de correo electrónico

  • primero, tienes que duplicar la "ficha de producto" si quieres tener dos o más fichas por fila;
  • luego resaltar toda la estructura y hacer clic en el botón "Guardar como módulo";
  • da un nombre a este Módulo;

  • cuando se inicia una nueva campaña, sólo tienes que tirar de este módulo de tu almacenamiento de módulos personales en la plantilla;

Uso de módulos con elementos inteligentes en campañas futuras

  • pega enlaces a productos nuevos.

¡Eso es todo!

Reflexiones finales

La opción de Elementos Inteligentes acelera la producción de correos electrónicos, especialmente para las empresas de comercio electrónico que envían correos electrónicos de promoción con bastante frecuencia.

Si necesitas ayuda con la configuración de los Elementos Inteligentes para tus correos electrónicos, por favor deja un comentario abajo o envíanos un correo electrónico a contact@stripo.email.

Ahorra tu valioso tiempo con Stripo

Karina hace 1 año

Цікава стаття

Hanna Kuznietsova comentado en Karina hace 1 año

Дякую ?

Te podría interesar

anterior siguiente
banner9
06 junio · 15 min. leídos
Los 10 mejores creadores de plantillas de correo electrónico para 2022

¿Todos los creadores de plantillas de correo electrónico parecen iguales? Ahora estás confundido sobre cuál elegir para tus campañas de correo electrónico, ¿no es así? No es de extrañar, ya que hay muchos. Vamos a hacer un estudio de los constructores más populares para encontrar sus características distintivas para ayudarle a encontrar el mejor constructor de correo electrónico HTML para sus necesidades actuales. Intentaré crear una plantilla en todos estos editores con los mismos archivos multimedia para ver si los...

Diseño Marketing Plantillas
24 mayo · 18 min. leídos
Los mejores tipos de letra para el correo electrónico: Consejos y trucos de uso

Una de las preocupaciones más llamativas en el proceso de producción del correo electrónico es la elección del tipo de letra adecuado. El peso, la altura, la anchura, el color, la forma, el espaciado... ¿Todo es importante? Sí, lo es, pero también una de las cosas más cruciales es elegir la fuente que sea legible. En este post, vamos a mostrarle cómo elegir la mejor fuente profesional para el correo electrónico. Diseñe elegantes correos electrónicos con Stripo en un abrir...

Diseño Plantillas
Greatest Examples of GIF animations in Emails_Cover Image
27 octubre 2021 · 10 min. leídos
16 grandes ejemplos de GIFs animados en correos electrónicos

Los GIFs en los correos electrónicos serán de gran utilidad si quieres mostrar tu producto, llamar la atención de los usuarios sobre ciertos elementos, o simplemente decorar ligeramente tu texto. En este artículo, hemos proporcionado algunos de los mejores ejemplos de animación gif en correos electrónicos. Ejemplos de GIFs animados en correos electrónicos Aquí tienes una recopilación de los mejores ejemplos con GIFs en correos electrónicos. Cada GIF cumple su misión. 1. Adidas (Fuente: Correo electrónico de Adidas) Adidas utilizó...

Diseño Marketing
08 abril 2021 · 17 min. leídos
Los 14 mejores ejemplos de diseño de firmas de correo electrónico

Las buenas firmas de correo electrónico nos ayudan a construir nuestro negocio y a causar una buena impresión a los clientes. Dado que es el último elemento que la gente ve en los correos electrónicos, debemos hacer que nuestras firmas personales sean creativas y memorables. Examinemos los mejores ejemplos de firmas de correo electrónico y su uso apropiado en correos electrónicos y plantillas de boletines para correo electrónico. Cabe mencionar que todos los tipos de negocios requieren firmas de correo electrónico...

Diseño Marketing Plantillas
Mantente siempre atento/a a las últimas noticias de marketing de correo electrónico, guías, artículos e instrucciones