Abre el email que quieres editar desde 'Borradores', 'Plantillas' o desde un paso en una automatización de email. Verás entonces el editor de email.
Haz clic a la izquierda en uno de los signos más de color morado para añadir una nueva fila. Se abrirá una ventana emergente con bloques de email listos para usar, organizados en categorías (como Botones, Contenido, Imágenes y Productos), además de tus propios bloques guardados en 'Mis bloques'. Si quieres añadir un elemento suelto dentro de una fila, haz clic en el botón más de la propia fila; a través del menú '¿Qué quieres añadir?' elige uno de los bloques de email estándar.
En el editor de email puedes activar o desactivar el 'Guardado automático' mediante el interruptor correspondiente. Así decides tú mismo si los cambios se guardan automáticamente. Además, está disponible el selector de vista previa escritorio/móvil, para que puedas ver directamente cómo queda tu email en diferentes tamaños de pantalla. La vista previa se comporta ahora de forma idéntica al email enviado realmente: la misma fuente incluyendo los fallbacks, el color de los enlaces sigue el estilo de enlace que hayas configurado, y los puntos de ruptura responsivos provienen de los ajustes del editor.
Editar textos de campaña
En la parte inferior del lienzo hay tres textos de campaña: el texto "Ver en el navegador", el texto del pie de página y el texto del enlace para darse de baja. Haz clic en uno de estos textos para editarlo. La barra lateral estándar del editor abrirá entonces un panel con las siguientes opciones:
- Editor de texto con formato en línea: puedes poner en negrita o cursiva fragmentos de texto seleccionados, o aplicar un resaltado de color. Los encabezados, listas y enlaces no están disponibles aquí.
- Tamaño de texto para todo el texto.
- Color de texto para todo el texto, con la opción de usar el color de tema de la campaña.
- Relleno (superior, derecho, inferior e izquierdo) — no está disponible para el texto del enlace de baja, ya que este aparece en línea dentro del pie de página.
Los cambios son visibles de inmediato en el lienzo como vista previa en vivo. Guarda tus cambios mediante el botón Guardar del panel. Si cierras el panel sin guardar, los cambios se descartarán y el lienzo volverá al valor guardado anteriormente.
Ten en cuenta que seleccionar un texto de campaña y seleccionar un bloque de construcción son acciones mutuamente excluyentes: si haces clic en un texto de campaña, se deseleccionará cualquier bloque que estuviera seleccionado, y viceversa.
Al guardar, Xendy comprueba el contenido. Verás un mensaje de error si:
- el texto está vacío: "Este texto no puede estar vacío."
- el texto es demasiado largo: "Este texto es demasiado largo. Acorta el texto para poder guardarlo."
- una configuración de estilo no es válida (por ejemplo, un formato de color incorrecto): "Uno o más ajustes no son válidos. Comprueba el tamaño y el color del texto."
Arrastrar filas, columnas y elementos
Puedes modificar la estructura de tu email arrastrando sus componentes:
- Arrastrar filas: usa el controlador de arrastre de la barra de herramientas de la fila (tooltip: "Mover bloque") para arrastrar una fila a otra posición.
- Arrastrar columnas: en filas con varias columnas, al pasar el cursor sobre una columna aparece un controlador de arrastre en la parte superior izquierda de esa columna. Con él puedes reordenar las columnas horizontalmente dentro de la misma fila. Esto solo funciona en la vista de escritorio y únicamente si la fila tiene más de una columna.
- Arrastrar elementos: cada elemento de una columna tiene un controlador de arrastre en la parte superior izquierda (tooltip: "Mover elemento"), visible al pasar el cursor. Puedes arrastrar un elemento a otra posición dentro de la misma columna o a otra columna. La columna de destino recibe un borde azul como indicación visual.
Durante el arrastre verás una insignia de vista previa compacta que indica qué estás arrastrando: en el caso de un elemento muestra el icono y el nombre del tipo de bloque, en el caso de una columna aparece "Columna" y en el caso de una fila "Fila". El elemento original permanece atenuado en su posición hasta que lo sueltes.
Si quieres cancelar el arrastre, pulsa Escape o suelta el elemento fuera del editor. Se restaurará el orden original. Un clic normal en un controlador de arrastre no inicia ninguna acción de arrastre; debes mover al menos 5 píxeles antes de que comience el arrastre.
Bloques de email estándar:
- Texto: añade párrafos o encabezados (H1, H2, H3). Ajusta la fuente, el tamaño, el interlineado y el color en la barra lateral. El color de texto elegido solo es visible en la vista previa, no en el campo de edición.
- Imagen: sube tus propias imágenes o elige entre las que ya hayas subido anteriormente. Configura un enlace y las dimensiones (porcentaje o píxeles).
- Botón: crea llamadas a la acción clicables. Personaliza el texto, el enlace, la fuente, los colores, el relleno y el radio de las esquinas. Las entradas no numéricas en el campo de redondeo se ignoran; al salir del campo, el valor se limita automáticamente al mínimo o máximo permitido.
- Youtube: pega un enlace de YouTube; Xendy mostrará automáticamente una vista previa con botón de reproducción. Al hacer clic, el destinatario será redirigido a YouTube.
- Redes sociales: añade iconos para tus canales. Hay 11 plataformas disponibles, entre ellas Dirección de email, Sitio web y Número de teléfono (Twitter se llama aquí X). Puedes reordenar los iconos a tu gusto. Los enlaces se configuran a nivel de cuenta en Ajustes → Redes sociales.
- Divisor: añade una línea separadora entre secciones. Ajusta la altura.
Bloques de email para tiendas online:
Con una conexión a tienda online activa (WooCommerce, Shopify, Lightspeed, Magento 2 o personalizada) hay bloques adicionales disponibles:
- Producto: inserta productos con imágenes, nombres, precios y enlaces desde tu tienda online.
- Carrito del contacto: muestra los artículos abandonados del contacto y añade un botón hacia el carrito.
Atención: si no hay productos disponibles (por ejemplo, carrito vacío), el email no se enviará a ese contacto.
