Personaliza y construye tus campañas de correo electrónico y correos electrónicos automatizados utilizando bloques de contenido y diseños en el Editor de correos electrónicos. Arrastra cualquier bloque de la barra lateral izquierda a tu diseño para añadirlo y configurarlo.

En este artículo, aprenderás sobre varios elementos disponibles en el Editor de correos electrónicos y cómo usarlos.

Todos los diseños y bloques de contenido están en la barra lateral izquierda.

Ve a la pestaña Agregar elementos para ver la lista completa de bloques disponibles: Texto, Botón, Imagen, Logo, Menú, Línea/Espacio, Redes Sociales, Descuento, HTML, Temporizador de cuenta regresiva y Diseños.

El diseño es la columna vertebral de tu correo electrónico. Agrégalo primero, luego arrastra bloques de contenido a las columnas del diseño.

Para agregar un diseño o bloque:

Una vez que se selecciona un diseño, utiliza el panel de la derecha para establecer su padding, color de fondo o imagen de fondo.

Una vez configurado, puedes comenzar a agregar elementos a tu diseño desde el menú Agregar elementos.

Arrastra el bloque Preencabezado del menú Agregar elementos a tu correo electrónico.

El preheader incluye un enlace para ver en el navegador, que permite a los destinatarios ver una versión web del correo electrónico. Esto puede ayudar a prevenir problemas de visualización en clientes de correo electrónico que bloquean imágenes o tienen problemas para renderizar correos electrónicos HTML.

En la configuración del bloque, puedes actualizar el texto de descripción y configurar el estilo, fuente, tamaño, altura de línea, color, padding y visibilidad.

Arrastra el bloque Texto del menú Agregar elementos a tu correo electrónico.

Selecciona el texto que deseas formatear, luego elige tus opciones en el panel del lado derecho: estilo de texto, fuente, tamaño de fuente, altura de línea, negrita, cursiva, subrayado, tachado, color de texto, color de fondo del texto, alineación, listas ordenadas y no ordenadas, y controles de sangría.

Para cambiar la familia de fuentes o el tamaño para una sección específica, selecciona ese texto y actualiza los valores en el panel del lado derecho.

Para agregar personalización (por ejemplo, el primer nombre de un cliente), selecciona el icono de Etiqueta de personalización en la barra de herramientas de texto, o escribe @ directamente en el bloque de texto para abrir el menú de personalización en línea. Utiliza la barra de búsqueda en el menú para encontrar rápidamente cualquier variable. Aprende más sobre personalización.

Arrastra el bloque Botón del menú Agregar elementos a tu correo electrónico.

Para editar el texto y el enlace del botón, selecciona el botón y actualiza los valores en el panel del lado derecho.

Para cambiar el estilo del botón, haz clic en Configuración del botón mientras editas el botón, o haz clic en el fondo del correo electrónico Configuración del correo electrónico Botones.

Puedes establecer estilos para tres tipos de botones: Primario, Secundario y Terciario. Para cada tipo, puedes configurar:

Selecciona el bloque Logo del menú Agregar elementos.

El bloque de Logo utiliza el logo predeterminado y la URL de la tienda de tus Activos de marca. Puedes reemplazarlos con una imagen y URL diferentes. Arrastra las esquinas de la imagen para redimensionarla.

Arrastra el bloque Menú del menú Agregar elementos a tu correo electrónico.

Para editar el menú, haz clic en la sección que deseas cambiar, actualiza el nombre y establece el enlace. Utiliza Agregar nuevo elemento en el panel del lado derecho para agregar más secciones de menú.

Arrastra el bloque Línea/Espacio del menú Agregar elementos a tu correo electrónico.

En el panel del lado derecho, alterna entre los tipos Línea y Espacio. Para una línea, configura el ancho del borde, estilo, alineación y color. Para un espacio, establece la altura en píxeles.

Abre el menú Agregar elementos o la pestaña Imágenes y arrastra un bloque Imagen a tu correo electrónico.

Selecciona la imagen que deseas usar en el panel del lado derecho.

Ajustar el relleno de la imagen – Establecer los valores de relleno superior, derecho, inferior e izquierdo de forma independiente para cada imagen de producto. Haga clic Eliminar relleno para borrar todo el relleno de una vez.

Para agregar un enlace, ingresa la URL de destino en el campo de enlace en el panel del lado derecho.

Añade texto alternativo en el panel del lado derecho. El texto alternativo se muestra cuando las imágenes están bloqueadas o desactivadas por el cliente de correo electrónico del destinatario, y es leído por lectores de pantalla para destinatarios con discapacidad visual.

Para cambiar el tamaño de una imagen, selecciónala, pasa el cursor sobre una esquina y arrastra hasta el tamaño que deseas.El ancho y la altura de la imagen en píxeles aparecen mientras la redimensionas, para que puedas ajustarla con precisión.

Para reorganizar imágenes dentro del diseño, utiliza arrastrar y soltar.

Para agregar un bloque de video, primero agrega un diseño, luego arrastra el bloque Video del menú Agregar elementos al diseño.

Agrega la URL del video en el panel del lado derecho. Omnisend admite enlaces de YouTube y Vimeo. El enlace se convierte automáticamente en una miniatura de imagen clicable.
​

Arrastra el bloque HTML del menú Agregar elementos a tu correo electrónico.

Puedes agregar código HTML personalizado usando el editor en el panel del lado derecho. Para etiquetas y elementos CSS compatibles, consulta Bloque de contenido HTML personalizado.

Establece la fecha y hora de finalización, elige un formato, personaliza la fuente y el color, agrega texto alternativo, sube una imagen de respaldo y ajusta el relleno.

Encuentra el bloque Listado de productos en el menú Agregar elementos, o selecciona una plantilla de Listado de productos de la pestaña Producto en la barra lateral izquierda.

Configura el número de productos, selecciona qué detalles del producto mostrar y estiliza el bloque para que coincida con tu correo electrónico. Reorganiza los productos usando arrastrar y soltar en el panel del lado derecho.

Arrastra el bloque Recomendador de productos de la barra lateral Agregar elementos a tu correo electrónico.

El Recomendador de Productos extrae automáticamente hasta 8 productos de tu tienda, incluyendo imágenes, títulos, descripciones, precios y enlaces de productos. Puedes seleccionar qué detalles incluir. El bloque se actualiza cada hora para reflejar los últimos datos de productos de tu tienda.

Arrastra el bloque Descuento del menú Agregar elementos a tu correo electrónico.

Con este bloque, puedes enviar códigos autogenerados para tiendas de Shopify, BigCommerce y WooCommerce, o insertar un código de descuento manualmente para todas las demás plataformas.

El bloque de Descuento incluye tres elementos estilizados de forma independiente: Código de descuento, Botón CTA y texto de Vencimiento.Selecciona el bloque de Descuento para configurar cada elemento en el panel derecho.Bajo Código de descuento y Vencimiento, puedes cambiar la familia de fuentes y el tamaño de la fuente.Puedes configurar el botón CTA por separado.

Arrastra el bloque Redes Sociales del menú Agregar elementos a tu correo electrónico.

Selecciona los íconos de redes sociales que deseas incluir. Luego configura el tamaño, alineación, forma y color de cada ícono.

Para establecer el enlace de cada ícono, haz clic en el ícono → Cambiar enlace. Si tienes URLs de perfiles de redes sociales guardadas en Ajustes de tienda → Activos de marca, se completarán automáticamente.

Si tu tienda está en el plan gratuito, aparece una insignia de Omnisend en la parte inferior de tu correo electrónico. Esta insignia no se puede quitar en el Plan gratuito. Para eliminarlo, actualiza tu plan.

¿Cómo agrego una etiqueta de personalización como un enlace en el bloque de texto?

Copia la etiqueta de personalización. Selecciona el texto que deseas convertir en un enlace y agrega un hipervínculo. En el campo de URL, pega la etiqueta de personalización. Este es el mismo método utilizado para agregar un enlace de cancelación de suscripción.

Recibo el error "Tu texto necesita algunos ajustes" al guardar. ¿Cómo lo soluciono?

Este error significa que el texto contiene un formato no compatible, generalmente de contenido pegado desde una fuente externa.

Si el problema persiste, haz clic en Contacto en el mensaje de error para abrir un chat con contexto prellenado.