En este artículo aprenderás a crear un newsletter utilizando el editor de icomm y a conocer el funcionamiento de cada uno de sus elementos.
El editor está compuesto por distintos bloques que se agregan mediante arrastrar y soltar desde el panel lateral hacia el área de edición central. Cada elemento permite construir diferentes partes del newsletter, como secciones de contenido, columnas, textos, botones o componentes dinámicos.
A continuación, veremos el proceso de creación y luego el detalle de cada elemento disponible en el editor.

Este artículo incluye

• Cómo crear un newsletter desde el editor
• Elementos del editor

Bloque IA
Bloque
Columnas
Texto
Botón
Timer
Ecommerce
Personalizado

Cómo crear un newsletter desde el editor

1. Ve al módulo Canales y selecciona el menú Email Marketing.
2. Selecciona Newsletters y haz click en Crear newsletter.

3. Selecciona la plantilla Editor y haz click en el botón Crear para ingresar al editor.

5. Selecciona la Campaña, escribe Nombre para ese Newsletter, Descripción interna del mismo y selecciona un Sitio.

El campo Sitio permite seleccionar el sitio web sobre el cual se generará el contenido del newsletter. Esta selección es utilizada por las funciones de inteligencia artificial del editor para ofrecer recomendaciones más precisas, como sugerencias de asunto (subject) y contenido alineado con la información del sitio elegido.

6. Presiona el botón Continuar.

Serás redirigido al editor de la pieza.

Elementos del editor

En el sector izquierdo de la pantalla se encuentran las herramientas para armar las piezas.
A la derecha se podrán visualizar las opciones de edición de cada una de las herramientas.
En el centro de la pantalla se encuentra el espacio de trabajo para realizar el diseño de la pieza.

Para crear una pieza desde cero, simplemente arrastra un elemento a la zona de trabajo.

Bloque IA

El Bloque IA permite generar el contenido completo de una sección del newsletter utilizando el Agente IA del editor. Para utilizarlo:

1. Arrastra el elemento Bloque IA desde el panel lateral hacia el área de edición, igual que cualquier otro bloque.
2. Al soltarlo, se abrirá un panel donde podrás describir, mediante un prompt, el contenido que deseas generar.
3. Si lo necesitas, puedes enriquecer la solicitud agregando:
4. • Imágenes como referencia.
   • URLs públicas de archivos para que la IA tome.
   • Imágenes recientes utilizadas previamente en el editor.
4. Una vez completado el prompt, el Agente IA procesará la solicitud y generará automáticamente el contenido del bloque, incluyendo texto e imágenes cuando corresponda.

Bloque

El Bloque es un contenedor que permite agrupar uno o varios elementos del newsletter, como textos, imágenes, botones o columnas, para aplicarles un mismo diseño o configuración.
Desde las opciones del bloque es posible personalizar aspectos como el color de fondo, los bordes, el espaciado y la posición, logrando que todos los elementos contenidos mantengan una estructura uniforme.
Además, los bloques pueden guardarse como plantillas reutilizables, lo que resulta muy útil para secciones que se repiten con frecuencia, como el header, el footer o banners informativos. También es posible duplicarlos o eliminarlos según las necesidades del diseño.
Un uso habitual de este elemento es aplicar un color de fondo a una sección específica del newsletter, por ejemplo, para destacar un texto o una llamada a la acción.

¿Cómo guardar un bloque personalizado?

Si tienes una estructura que utilizas con frecuencia, como un header, un footer o una sección de contenido, puedes guardarla como un bloque reutilizable para incorporarla fácilmente en futuros newsletters.
Para hacerlo:

1. Selecciona el bloque que deseas guardar. Verifica que sea el elemento seleccionado en la ruta del editor.
2. Haz clic en el ícono de guardar (disquete).

3. Ingresa un nombre que permita identificar el bloque.
4. Selecciona los usuarios que tendrán acceso a utilizarlo.
5. Haz clic en Autorizar y luego en OK para finalizar el guardado.

¿Cómo utilizar un bloque guardado?

Los bloques guardados quedan disponibles para ser reutilizados en cualquier diseño posterior.
Para agregarlos a un nuevo newsletter, utiliza el elemento Personalizado y selecciona el bloque previamente guardado. De esta forma podrás incorporar la estructura completa sin necesidad de volver a crearla desde cero.

Columnas

Permite dividir el espacio en las partes que sean necesarias. De ese modo, se pueden combinar en su interior distintos elementos como texto e imagen; o imagen y botón, etc.

1. Arrastra la herramienta a la zona de trabajo.

2. Ajusta configuración

• Agregar columnas : Con el simbolo + se pueden agregar columnas.

• Eliminar columna: con el simbolo del tacho de basura se pueden eliminar columas

• Responsive: Selecciona para que la pieza sea adaptable a todos los dispositivos.

• Ajuste tamaño de columnas: Con los botones Mover selección, Dirección y Ancho configura el tamaño de cada una de las columnas.
• Anclar a selección: Para poder colocar una imagen, texto u otros elementos, debajo de una columna, debes seleccionar la opción Anclar a selección. Esto te permitirá colocar la imagen (u otros elementos) de manera completa debajo de las columnas empleando el 600 px de ancho de la hoja de trabajo.

Texto

El elemento Texto permite agregar contenido escrito al newsletter y editarlo mediante un editor visual con las funciones habituales de formato, como estilos, alineación, listas, enlaces y tipografías.

Para agregar un texto a la pieza:

1. Arrastra el elemento Texto hacia el área de edición.
2. Escribe el contenido y utiliza la barra de herramientas para darle el formato deseado.

¿Cómo insertar código HTML?

Si ya cuentas con un contenido desarrollado en HTML, puedes incorporarlo directamente dentro del elemento Texto. Para hacerlo:

1. Haz clic en el botón Source de la barra de herramientas (Elimina el contenido existente, si lo hubiera)

2. Pega el código HTML que deseas utilizar y haz clic en OK para confirmar.

El contenido se renderizará automáticamente dentro del newsletter.

¿Cómo agregar campos personalizados?

Los campos personalizados permiten insertar información dinámica que será reemplazada por los datos de cada destinatario al momento del envío.

¿Qué diferencia hay entre los campos Generales y los campos de Base de datos?
Al agregar un campo personalizado, el editor ofrece dos tipos de información que puedes insertar en el contenido del newsletter.

Ejemplo:
Si deseas que el saludo del newsletter sea personalizado, puedes utilizar el campo Nombre. En el editor verás algo similar a: Hola, {{Nombre}}.
Al momento del envío, cada destinatario visualizará su propio nombre:

• Hola, Martina
• Hola, Juan
• Hola, María

De esta manera, un único newsletter puede personalizarse automáticamente para cada contacto.

¿Cómo agregar un campo de Base de datos?

1. Dentro del elemento Texto, haz clic en Campo.
2. Selecciona la opción que deseas (Base de datos o Campos Generales)
3. Elige la base de datos correspondiente, si aplica o los campos generales. Dependiendo la opción que hayas elegido en el paso 2.
4. En caso de haber elegido Base de datos, busca el campo que deseas utilizar. Por ejemplo Nombrecontacto
5. Haz clic en Agregar.

El campo se insertará en el texto y será reemplazado automáticamente por el valor correspondiente de cada contacto al momento del envío.

Mirá este video para aprender a agregar campos personalizados en un Newsletter.

Imagen

El elemento Imagen permite incorporar imágenes al newsletter utilizando archivos almacenados en la biblioteca de icomm, imágenes alojadas en una URL externa o generadas mediante inteligencia artificial.
Para agregar una imagen:

1. Arrastra el elemento Imagen hacia el área de edición.
2. Selecciona el origen desde el cual deseas incorporar la imagen, ya sea Reemplazar (por una imágen propia) o Crear con IA si deseas crear una desde cero.

¿Qué formatos de imagen son compatibles?

Se recomienda utilizar imágenes en formato:

• JPG
• PNG
• GIF

Para optimizar el rendimiento del newsletter, procura que cada imagen no supere los 300 KB.

¿Desde dónde puedo agregar una imagen?

El editor ofrece tres alternativas.

1. Biblioteca: funciona como un repositorio de imágenes dentro de icomm. Todos los archivos que subas permanecerán almacenados para que puedas reutilizarlos en futuros newsletters. Desde esta sección podrás:

• seleccionar imágenes ya cargadas;
• subir nuevas imágenes desde tu computadora;
• crear carpetas para organizar el contenido.

Una vez elegida la imagen, haz clic en Aplicar para incorporarla al diseño.

2. URL Externa: para utilizar un enlace.

3. Crear con AI

La opción Crear con IA permite generar imágenes utilizando inteligencia artificial a partir de un prompt.
Esta funcionalidad resulta especialmente útil para:

• crear imágenes desde cero;
• generar variantes de una imagen existente;
• cambiar el fondo de una fotografía, por ejemplo para mostrar un producto en distintos escenarios;
• reimaginar una imagen conservando su estilo general.

¿Cómo configurar una imagen?

Una vez incorporada la imagen al newsletter, podrás modificar diferentes propiedades.

¿Cómo editar imágenes en Editor ?

El Editor de icomm permite realizar ajustes en las imágenes utilizadas en el newsletter. Utiliza las herramientas disponibles para redimensionar, agregar textos, fuentes y otros elementos en tus diseños.

1. Haz clic en el botón Editar para ingresar a la sección de edición de imágenes. Pueden ser imágenes creadas con AI o imágenes subidas desde tu PC.

2. Utiliza los distintos elementos para modificar el diseño de la imagen.

Imagen

• Dimensiones: Puedes modificar el Ancho y Alto de la imagen en píxeles.
• Recortar: Utiliza esta herramienta para recortar la imagen.
• Reestablecer: permite volver atrás y descartar los cambios realizados.

Elementos

• Texto: Agrega bloques de texto para colocar sobre las imágenes.
• Formas: Utiliza formas como rectángulo o circulo para personalizar tus diseños.
• Imágenes: Agrega nuevas imágenes al diseño.

Propiedades

• Fuentes - Clasificación: Puedes utilizar fuentes disponibles en el sistema, usar algunas de Google Fonts o cargar tus propias fuentes con la opción "Custom".
• Estilo: define el tamaño y estilo de letra.
• Alinear: Utiliza las herramientas para agregar o quitar separación entre el texto o alinear a la izquierda, centro o derecha.
• Colores: Selecciona color de fondo y letra.
• Opacidad: Ajusta la transparencia de los elementos.

Capas

Utiliza este módulo para ordenar las capas según las necesidades del diseño.

Botón

Usa esta herramienta para redirigir a los contactos a una página o un link de interés.

1. Arrastra la herramienta a la zona de trabajo.
2. Edita el texto del botón:

La herramienta dispone de un editor de texto para personalizar el texto que llevará el botón. También es posible agregar Campos Personalizados.

3. Configura la función del botón:

• Link: agrega un link para redireccionar los contactos a un sitio web.
• LinkRef: escribe una referencia para identificar el botón en el mapa de calor.

4. Edita forma y diseño del botón.

• Radio: usa esta opción para redondear los bordes del botón.
• Alineación: Izquierda, Centrado, Derecha.
• Position: utiliza esta opción para configurar los márgenes y el tamaño del botón.
• Bordes: agrega un borde al botón.
• Estilo: elige un estilo de borde Sólido, Rayado o Punteado.
• Ancho: configura el ancho del borde.
• Color del Borde: elige el color del borde.
• Color de Fondo: elige el color del botón.

Timer

El elemento Timer te permite incluir un contador regresivo dinámico en tus newsletters. Es la herramienta ideal para generar sensación de urgencia, impulsar la conversión y captar la atención de tus suscriptores en campañas con tiempo limitado.

Usar el Timer es tan sencillo como maquetar cualquier otro elemento del editor:

1. Arrastrar y soltar: Haz clic sostenido sobre el elemento Timer en el panel lateral del editor.
2. Ubicar: Arrástralo y suéltalo en la sección del newsletter donde deseas que aparezca (exactamente igual que haces con una imagen, un texto, botón, etc).
3. Confirmar alerta de costo: Al soltarlo, el sistema te mostrará de forma automática el siguiente mensaje de confirmación: "ATENCIÓN: Este objeto tiene costo adicional por cantidad de impresiones, el cual será incluído en su próxima factura. Al confirmar usted estará aceptando las condiciones de este servicio. Desea continuar? Cualquier duda o consulta puede escribir a support@icommkt.com o bien contactarse con su representante comercial local."

Una vez que arrastras el Timer al diseño y aceptas las condiciones de servicio, se abrirá el editor visual (Personalized Image Widget). Aquí puedes adaptar el diseño del contador para que combine perfectamente con la identidad visual y los colores de tu marca:

• Background Color (Color de fondo): Permite cambiar el color del lienzo sobre el que se apoya el reloj. Puedes usar un fondo blanco limpio, colores institucionales o hacerlo combinar con el fondo general de tu newsletter.
• Font (Tipografía): Tienes a disposición un menú desplegable con fuentes estándar y legibles para asegurarte de que los números se lean con total claridad en cualquier dispositivo.
• Font Size (Tamaño de fuente): Controla el tamaño de los números y las etiquetas (Días, Horas, Minutos, Segundos). Ideal para darle jerarquía visual y transformarlo en el elemento central del banner.
• Font Color (Color de fuente): Cambia el color de los números y los textos inferiores. Puedes usar tonos contrastantes para que el contador resalte inmediatamente al abrir el correo.

Ejemplos Prácticos de Uso

¿Cuándo vale la pena sumar un Timer en tu newsletter? Estos son algunos de los escenarios más efectivos para aprovechar su impacto:

• Eventos masivos de Ecommerce: Cuenta regresiva para el inicio o el cierre de grandes fechas de descuento (CyberMonday, Black Friday, Hot Sale). Ideal para generar compras impulsivas.
• Lanzamientos y preventas: Expectativa para la salida de un nuevo producto, una colección de temporada o la apertura de inscripciones a un curso.
• Vencimiento de beneficios: Recordatorios de urgencia como "El descuento expira en...". Motiva al usuario a actuar antes de perder el beneficio.
• Eventos en vivo y Webinars: Correos de última hora con el mensaje "Empezamos en...". Aumenta drásticamente la tasa de asistencia en vivo de los registrados.

Ecommerce

El elemento Ecommerce permite incorporar productos de tu catálogo directamente en el newsletter, sin necesidad de cargarlos manualmente. Está disponible para cuentas que tengan integrada su tienda online con VTEX, Shopify, Magento, Fenicio, Tiendanube o WooCommerce.

Si tu tienda utiliza una plataforma desarrollada a medida, también es posible integrar el catálogo mediante los formatos estándar de Google Shopping o Meta Catalog. Para ello, solo debes compartir la URL donde se encuentra publicado el archivo XML correspondiente y nuestro equipo se encargará de procesarlo para poner el catálogo a disposición dentro de la plataforma.

Una vez integrado el catálogo, podrás buscar productos y agregarlos al newsletter de forma dinámica, manteniendo la información actualizada.

Vistas del elemento Ecommerce

El elemento Ecommerce ofrece 7 diseños predeterminados (cards) para mostrar los productos dentro del newsletter. Cada uno presenta la información con una distribución diferente, adaptándose a distintos estilos de comunicación y objetivos.
Una vez agregado el elemento, podrás cambiar entre las distintas vistas en cualquier momento desde el editor, sin necesidad de volver a seleccionar los productos.
Cada card puede personalizarse para adaptarse al diseño de tu newsletter. Entre las opciones de configuración disponibles se encuentran:

¿Necesitas ayuda?

Si tienes dudas sobre el funcionamiento del editor o deseas recibir una capacitación para aprender a utilizar todas sus funcionalidades, puedes comunicarte con tu Ejecutivo de Cuentas.

También puedes escribirnos a través del chat de la plataforma, donde nuestro equipo estará disponible para ayudarte y resolver tus consultas.

Actualizado el: 17/07/2026