Editor de contenido de correo electrónico de Stripo con función de arrastrar y soltar

Published: 18 de octubre de 2024 · Last updated: 21 de julio de 2026 · By Marcus Biel

El editor de contenido de correo electrónico de Maildroppa facilita la creación de correos electrónicos profesionales. Con su interfaz de arrastrar y soltar, puedes diseñar y personalizar rápidamente tus campañas de correo electrónico. Es fácil de usar y te ayuda a transmitir tu mensaje de manera eficaz.

Descripción general del editor

Área de contenido

Situada en el lado izquierdo, el área de contenido es el espacio de trabajo principal donde creas y previsualizas el contenido de tu correo electrónico en tiempo real. Esta parte del editor muestra todos los cambios que realizas y ofrece una representación visual inmediata de tu correo electrónico.

Área de configuración

Situada a la derecha, el área de configuración cuenta con dos pestañas: Contenido y Apariencia. Esta sección te permite configurar distintos aspectos de tu correo electrónico, desde la estructura del diseño hasta los detalles del diseño y el formato. Más adelante en este artículo veremos el área de configuración en detalle.

Para esta guía, iniciaremos una nueva campaña de correo electrónico desde cero, sin utilizar una plantilla predeterminada.

Área de contenido

Al abrir el editor, verás un rectángulo grande de color gris claro que sirve como lienzo para crear el diseño y el contenido del correo electrónico. En la parte superior central, un rectángulo blanco más pequeño contiene un rectángulo azul claro que simboliza la estructura básica de un correo electrónico y sirve como marcador de posición para tu contenido.

Comprender las estructuras

Las estructuras son elementos fundamentales que definen el diseño de tu correo electrónico. Actúan como contenedores para los bloques de contenido y organizan tu correo electrónico en secciones lógicas, como encabezados, cuerpos y pies de página. Al principio, las estructuras son simplemente marcos que contienen los Bloques de contenido que darán forma al diseño del correo electrónico.

Añadir contenido a las estructuras

En el centro del área azul claro, el mensaje «Suelta el contenido aquí», acompañado de una flecha hacia abajo, indica dónde añadir elementos.

Al pasar el cursor sobre esta área, aparecen iconos para:

1. Imagen
2. Texto
3. Botón

Al seleccionar cualquiera de estos iconos, la estructura se transforma en el bloque de contenido correspondiente, listo para personalizarlo de inmediato.

Crear el diseño de tu correo electrónico

Mejora tu correo electrónico con un conjunto completo de elementos disponibles en la pestaña Contenido del área de configuración:

• Imagen: Inserta imágenes para añadir interés visual.

• Texto: Añade texto personalizable para transmitir tu mensaje.

• Botón: Incluye botones con llamadas a la acción que impulsen a los destinatarios a interactuar.

• Espaciador: Utiliza espaciadores para crear espacio visual entre los elementos.

• Vídeo: Inserta vídeos para ofrecer contenido dinámico.

• HTML: Inserta HTML personalizado para necesidades de contenido específicas.

Estos elementos permiten crear diseños de correo electrónico versátiles, adaptados a distintos requisitos de contenido, y mejoran la estética y la funcionalidad general de tus campañas.

Gestionar estructuras

Una gestión eficiente de las estructuras es fundamental para organizar el contenido de tus correos electrónicos de manera eficaz.

Editar una estructura

Al pasar el cursor sobre el área azul de la estructura, aparece la etiqueta «Estructura» y, a la derecha, una pequeña etiqueta gris con tres puntos blancos que ofrece opciones para:

• Mover: Reorganizarla dentro del correo electrónico.
• Copiar: Duplicar la estructura.
• Eliminar: Quitar la estructura.

Nota: La estructura original no se puede eliminar porque debe haber al menos una estructura.

Mover y copiar estructuras

Para ajustar la posición de una estructura o replicarla:

1. Haz clic y mantén pulsado el icono Mover o Copiar.
2. Arrástrala hasta la ubicación deseada, hasta que veas «Suelta aquí».
3. Suelta el botón del ratón para colocar la estructura.

Eliminar una estructura

Para eliminar una estructura sobrante:

1. Pasa el cursor sobre la estructura.
2. Haz clic en los tres puntos blancos.
3. Selecciona el icono Eliminar.

Añadir nuevas estructuras

Amplía tu diseño añadiendo más estructuras:

• Usar el icono más: Haz clic en el signo más que aparece al pasar el cursor sobre una estructura existente para elegir entre diseños estructurales predeterminados.

• Usar el área de configuración: Desde la pestaña Contenido, arrastra y suelta una estructura elegida en el diseño.

La siguiente sección profundizará en el área de configuración y analizará detalladamente las herramientas y opciones disponibles para perfeccionar tus diseños de correo electrónico, garantizando que cada elemento esté perfectamente adaptado para mejorar tus esfuerzos de marketing por correo electrónico.