Cómo crear Newsletter desde Editor
Crea un Newsletter desde cero con la plataforma de icomm. Conoce en detalle las herramientas del editor para realizar diseños personalizados.
Ve al módulo Email marketing y selecciona el menú Newsletter.
Selecciona Crear Newsletter.
Selecciona la plantilla Editor.
Haz click en el botón Crear para ingresar al editor.
Selecciona la Campaña.
Escribe Nombre para ese Newsletter y Descripción.
Presiona el botón Continuar.
Serás redirigido al editor de la pieza.
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.
Arrastra una herramienta a la zona de trabajo.
Este elemento puede contener otros elementos de la pieza. Se puede modificar su posición, bordes, estilo, color de bordes y color de fondo. Esta herramienta permite guardar estructuras que se usan frecuentemente para usarlas en futuros diseños (Por ejemplo el header y el footer). También se puede copiar el bloque o eliminarlo de la pieza.
Modos de uso:
El bloque permite guardar estructuras o parte de ellas para que pueda ser utilizada en futuros diseños. Es importante que al momento de guardar la estructura, se encuentre seleccionado el bloque en la ruta del editor. Luego escribe el nombre de la pieza para guardarlo.
Para usar un bloque guardado en diseños posteriores, puedes buscarlo con la herramienta Personalizado.
También se puede utilizar cuando se necesita agregar un color de fondo, por ejemplo, en un texto.
Se recomienda usar bloques solo cuando es necesario. Este elemento hace más complejo el armado del news y, por ende, más pesado. Es decir, mientras menos cantidad de bloques uses en la pieza, evitarás posibles errores en el diseño.
Se recomienda guardar el bloque con todos los elementos que lo componen, como links, imágenes, texto, etc.
Permite dividir el bloque 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.
Arrastra la herramienta a la zona de trabajo.
Ajusta configuración
Agregar o borrar columnas : Con estos botones se pueden agregar o quitar columnas.
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.
El tamaño del ancho de las columnas es de 600px.
Esta herramienta cuenta con un editor de texto que permitirá utilizar las funciones básicas de un editor estándar. Además cuenta con la posibilidad de personalizar campos.
Arrastra la herramienta a la zona de trabajo.
Escribe y personaliza el texto con el editor de texto.
Personalizar campos:
Ve al botón Campo.
Elige Campos Generales o desde el Perfil.
Campos generales
Elige el campo que deseas agregar al mensaje.
Selecciona el botón Agregar para incluirlo en el texto de la pieza. Las opciones son: Email, Hora, Minuto, Día (número), Día (nombre), Mes (número), Mes (nombre), Año, QR a medida, QR Link.
Perfiles
Escribe y selecciona el perfil que recibirá la pieza.
Busca y selecciona el Perfil.
Elige el campo que deseas agregar.
Selecciona el botón Agregar para incluirlo en el texto de la pieza.
Mirá este video para aprender a agregar campos personalizados en un Newsletter.
Consulta más detalles sobre campos de texto personalizado:
Cómo configurar campos personalizados en newsletter Editor
Cómo configurar campos personalizados en newsletter HTML
La biblioteca de imágenes de la plataforma funciona como una nube, todos los archivos que se importen a la misma quedaran guardados allí. Los formatos permitidos de imágenes para la creación de Newsletter son: JPG, PNG y GIF. Además, se recomienda utilizar archivos hasta 300 kb, para que la pieza no sea muy pesada. Finalmente, es importante que el nombre de la imagen no tenga espacios ni caracteres especiales para visualizarla correctamente en el newsletter.
Arrastra la herramienta a la zona de trabajo.
Click en "Reemplazar" para subir la imagen.
Se abrirá una librería de imágenes en la que se pueden seleccionar imágenes previamente cargadas o subir desde la PC y Crear Carpetas para organizar el contenido de la biblioteca.
Selecciona la fuente para crear la imagen.
El nombre de las imágenes no puede contener caracteres especiales o espacios y tampoco las carpetas pueden tener espacios y caracteres especiales.
Librería: para subir una imagen o utilizar una previamente cargada.
Aplicar: para agregar una imagen seleccionada desde la librería.
Subir imagen: para subir un archivo desde la PC.
Crear Carpeta para organizar el contenido.
URL Externa: para utilizar un enlace.
e-Commerce: Para utilizar imágenes o elegir el producto de VTEX.
Crear con AI: para crear imágenes desde un prompt.
Esta opción es muy útil para:
Generar imágenes desde cero con un prompt.
Cambiar el fondo de una imagen (muy útil para trabajar con fotoproducto, y cambiar los entornos donde se muestra un producto de la marca).
Reimaginar una imagen por completo: la AI se encargará de generar imágenes similares a la que suban, con variantes que se pueden sugerir a través del prompting.
Todas estas imágenes se almacenan automáticamente en la carpeta "images-ai" del repositorio de imágenes y pueden ser reutilizadas en el futuro.
Este módulo trabaja con créditos. La generación de cada imagen consume 1 crédito (se pueden pedir hasta 4 variantes de imágenes juntas).
Opciones de configuración de imagen
Link: agrega un link para redireccionar los contactos a un sitio web.
Descripción: describir imagen.
LinkRef: escribe una referencia para identificar la pieza en el mapa de calor. (No se deben utilizar caracteres especiales).
Tamaño: Modifica el tamaño de la imagen en la pieza, el alto y ancho por pixeles.
Alineación: elige Izquierda, Centro o Derecha para definir la ubicación de la imagen en el Newsletter.
Position: configura los margenes y espaciado de la imagen dentro de la pieza.
Bordes: añade bordes a la imagen.
Estilo: selecciona un estilo de borde: Sólido, Rayado y Punteado y el Ancho del mismo.
Color de Borde: elige el color de borde.
Color de Fondo: selecciona un color para el fondo del borde.
Texto plano: debe ser una descripción del newsletter. La misma será analizada por los carriers de los proveedores de emial (gmail, hotmail, yahoo, etc) para definir si nuestro contenido es de valor relevante.
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.
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.
Utiliza los distintos elementos para modificar el diseño de la 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.
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.
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.
Utiliza este módulo para ordenar las capas según las necesidades del diseño.
Usa esta herramienta para redirigir a los contactos a una página o un link de interés.
Arrastra la herramienta a la zona de trabajo.
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.
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.
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.
Es un módulo especial para eventos de consumo masivo. Es un cronómetro que informa el tiempo de vigencia de la oferta o promoción enviada. Tiene un costo aparte y se implementa en conjunto con el equipo de Icomm.
Disponible para la integración con VTEX. Permite enviar Newsletter personalizados que incluyen las ofertas de los productos dentro de la pieza. Se implementa en conjunto con el equipo de icomm.
Ve al módulo Email marketing y selecciona el menú Newsletter.
Selecciona Crear Newsletter.
Selecciona la plantilla Editor.
Haz click en el botón Crear para ingresar al editor.
Selecciona la Campaña.
Escribe Nombre para ese Newsletter y Descripción.
Presiona el botón Continuar.
Serás redirigido al editor de la pieza.
El 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.
Crea una pieza desde cero
Arrastra una herramienta a la zona de trabajo.
Elementos y funciones
Bloques
Este elemento puede contener otros elementos de la pieza. Se puede modificar su posición, bordes, estilo, color de bordes y color de fondo. Esta herramienta permite guardar estructuras que se usan frecuentemente para usarlas en futuros diseños (Por ejemplo el header y el footer). También se puede copiar el bloque o eliminarlo de la pieza.
Modos de uso:
El bloque permite guardar estructuras o parte de ellas para que pueda ser utilizada en futuros diseños. Es importante que al momento de guardar la estructura, se encuentre seleccionado el bloque en la ruta del editor. Luego escribe el nombre de la pieza para guardarlo.
Para usar un bloque guardado en diseños posteriores, puedes buscarlo con la herramienta Personalizado.
También se puede utilizar cuando se necesita agregar un color de fondo, por ejemplo, en un texto.
Se recomienda usar bloques solo cuando es necesario. Este elemento hace más complejo el armado del news y, por ende, más pesado. Es decir, mientras menos cantidad de bloques uses en la pieza, evitarás posibles errores en el diseño.
Se recomienda guardar el bloque con todos los elementos que lo componen, como links, imágenes, texto, etc.
Columnas
Permite dividir el bloque 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.
Arrastra la herramienta a la zona de trabajo.
Ajusta configuración
Agregar o borrar columnas : Con estos botones se pueden agregar o quitar columnas.
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.
El tamaño del ancho de las columnas es de 600px.
Texto
Esta herramienta cuenta con un editor de texto que permitirá utilizar las funciones básicas de un editor estándar. Además cuenta con la posibilidad de personalizar campos.
Arrastra la herramienta a la zona de trabajo.
Escribe y personaliza el texto con el editor de texto.
Personalizar campos:
Ve al botón Campo.
Elige Campos Generales o desde el Perfil.
Campos generales
Elige el campo que deseas agregar al mensaje.
Selecciona el botón Agregar para incluirlo en el texto de la pieza. Las opciones son: Email, Hora, Minuto, Día (número), Día (nombre), Mes (número), Mes (nombre), Año, QR a medida, QR Link.
Perfiles
Escribe y selecciona el perfil que recibirá la pieza.
Busca y selecciona el Perfil.
Elige el campo que deseas agregar.
Selecciona el botón Agregar para incluirlo en el texto de la pieza.
Mirá este video para aprender a agregar campos personalizados en un Newsletter.
Consulta más detalles sobre campos de texto personalizado:
Cómo configurar campos personalizados en newsletter Editor
Cómo configurar campos personalizados en newsletter HTML
Imagen
La biblioteca de imágenes de la plataforma funciona como una nube, todos los archivos que se importen a la misma quedaran guardados allí. Los formatos permitidos de imágenes para la creación de Newsletter son: JPG, PNG y GIF. Además, se recomienda utilizar archivos hasta 300 kb, para que la pieza no sea muy pesada. Finalmente, es importante que el nombre de la imagen no tenga espacios ni caracteres especiales para visualizarla correctamente en el newsletter.
Arrastra la herramienta a la zona de trabajo.
Click en "Reemplazar" para subir la imagen.
Se abrirá una librería de imágenes en la que se pueden seleccionar imágenes previamente cargadas o subir desde la PC y Crear Carpetas para organizar el contenido de la biblioteca.
Selecciona la fuente para crear la imagen.
El nombre de las imágenes no puede contener caracteres especiales o espacios y tampoco las carpetas pueden tener espacios y caracteres especiales.
Librería: para subir una imagen o utilizar una previamente cargada.
Aplicar: para agregar una imagen seleccionada desde la librería.
Subir imagen: para subir un archivo desde la PC.
Crear Carpeta para organizar el contenido.
URL Externa: para utilizar un enlace.
e-Commerce: Para utilizar imágenes o elegir el producto de VTEX.
Crear con AI: para crear imágenes desde un prompt.
Esta opción es muy útil para:
Generar imágenes desde cero con un prompt.
Cambiar el fondo de una imagen (muy útil para trabajar con fotoproducto, y cambiar los entornos donde se muestra un producto de la marca).
Reimaginar una imagen por completo: la AI se encargará de generar imágenes similares a la que suban, con variantes que se pueden sugerir a través del prompting.
Todas estas imágenes se almacenan automáticamente en la carpeta "images-ai" del repositorio de imágenes y pueden ser reutilizadas en el futuro.
Este módulo trabaja con créditos. La generación de cada imagen consume 1 crédito (se pueden pedir hasta 4 variantes de imágenes juntas).
Opciones de configuración de imagen
Link: agrega un link para redireccionar los contactos a un sitio web.
Descripción: describir imagen.
LinkRef: escribe una referencia para identificar la pieza en el mapa de calor. (No se deben utilizar caracteres especiales).
Tamaño: Modifica el tamaño de la imagen en la pieza, el alto y ancho por pixeles.
Alineación: elige Izquierda, Centro o Derecha para definir la ubicación de la imagen en el Newsletter.
Position: configura los margenes y espaciado de la imagen dentro de la pieza.
Bordes: añade bordes a la imagen.
Estilo: selecciona un estilo de borde: Sólido, Rayado y Punteado y el Ancho del mismo.
Color de Borde: elige el color de borde.
Color de Fondo: selecciona un color para el fondo del borde.
Texto plano: debe ser una descripción del newsletter. La misma será analizada por los carriers de los proveedores de emial (gmail, hotmail, yahoo, etc) para definir si nuestro contenido es de valor relevante.
Cómo editar imágenes en Editor AI
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.
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.
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.
Arrastra la herramienta a la zona de trabajo.
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.
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.
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
Es un módulo especial para eventos de consumo masivo. Es un cronómetro que informa el tiempo de vigencia de la oferta o promoción enviada. Tiene un costo aparte y se implementa en conjunto con el equipo de Icomm.
ECommerce
Disponible para la integración con VTEX. Permite enviar Newsletter personalizados que incluyen las ofertas de los productos dentro de la pieza. Se implementa en conjunto con el equipo de icomm.
Actualizado el: 18/03/2025
¡Gracias!