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.
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
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.
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 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.
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.
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
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 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 IA o imágenes subidas desde tu PC.
Utiliza los distintos elementos para modificar el diseño de la imágen
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.
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
¡Gracias!