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 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 del lado derecho para establecer su padding, color de fondo o imagen de fondo.

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

Arrastra el bloque Preheader 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 los 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 del texto, alineación, listas ordenadas y desordenadas, 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 ícono de personalización en la barra de herramientas. La etiqueta extraerá los datos del cliente cuando se envíe el correo electrónico. 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 al 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.

Para eliminar el padding de la imagen, haz clic en Eliminar paddings en el panel del lado derecho bajo la configuración de Padding.

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 redimensionar una imagen, selecciónala, pasa el cursor sobre una esquina y arrastra hasta el tamaño que deseas.

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 soporta 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 utilizando el editor en el panel del lado derecho. Para ver las etiquetas y elementos CSS admitidos, consulta Bloque de contenido HTML personalizado.

Encuentra el bloque de Listado de Productos en el menú Agregar Elementos, o selecciona una plantilla de Listado de Productos en 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 de Recomendador de Productos desde la barra lateral de 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 del producto de tu tienda.

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

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

El bloque se puede estilizar de la misma manera que otros bloques, y sus elementos (botones, encabezados) se pueden configurar a nivel de plantilla en Configuración de correo electrónico.

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 para 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 Configuración de la 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 quitarla, 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.

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

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

Si el problema persiste, haz clic en Contacto con soporte en el mensaje de error para abrir un chat con contexto pre-llenado.