Artículos sobre: ICOMM Main App

Cómo crear Newsletter desde Editor

Crea un Newsletter desde cero con la plataforma de Icomm. Conoce en detalle las herramientas del editor para diseñar tus boletines.



Paso a paso



Ve al menú Crear News
Selecciona Crear Newsletter
Selecciona la plantilla EDITOR



Selecciona la Campaña
Escribe Nombre y Descripción
Presiona el botón Continuar

Será 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.

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 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 Acción
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



El nombre de las imágenes no puede contener caracteres especiales o espacios y tampoco las carpetas pueden tener espacios y caracteres especiales.

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.

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.

Icomm Beta AI



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



5.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 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 IA



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 IA o imágenes subidas desde tu PC.



Utiliza los distintos elementos para modificar el diseño de la imágen



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: 27/12/2024

¿Este artículo te resultó útil?

Comparte tu opinión

Cancelar

¡Gracias!