Botones de acción: Puedes elegir entre cinco acciones:
- Guardar: guarda los cambios realizados
- Copiar: copia todo el contenido del proyecto
- Pegar: pega todo el contenido copiado
- Descartar cambios: elimina todo el contenido del proyecto, lo que te permite empezar desde cero.
​

Botón Plantillas: nuestro editor Drag 'n' Drop tiene varias plantillas predefinidas que puedes utilizar para empezar a crear tu correo electrónico. Para facilitar y agilizar aún más la creación de correos electrónicos excelentes, se cargarán previamente plantillas específicas para cada elemento de la sección compromisos. Si prefieres empezar desde cero, solo tienes que hacer clic en el botón «Borrar» de la barra de navegación del editor. Haz clic en «Deshacer» para restaurar la plantilla anterior. Para seleccionar otra plantilla, puedes abrir la lista de plantillas haciendo clic en el botón «Plantillas».

Historial: el creador guarda tus últimos mensajes, aquí puedes volver a la versión anterior de tu mensaje.

​

En la parte inferior del editor Drag 'n' Drop también encontrarás los botones de deshacer y rehacer en forma de flechas, así como la opción de previsualizar el mensaje en la versión de escritorio y móvil.

​

​

Menú: A la derecha de la pantalla hay una columna gris con seis botones. Aquí puedes seleccionar y editar los elementos visuales de tus correos electrónicos. Los explicaremos en detalle a continuación.

Espacio de trabajo: En el centro de la pantalla hay un espacio en el que puedes crear tu correo electrónico.

Fondo

El creador te ofrece la posibilidad de editar el color o incluso la imagen de fondo. Puedes cambiar el fondo de los elementos individuales del mensaje (por ejemplo, el texto, la imagen, el botón), o de todo el mensaje, o de una parte del mismo. A continuación se describen todas las opciones.
​

Cambiar el color de fondo de todo el mensaje
​ En la configuración general, disponible en la pestaña «Contenido», utiliza la opción «color de fondo».

Cambiar el color de fondo del mensaje detrás de un solo elemento
Haga clic en el fondo del mensaje (a los lados) y, en la sección «Propiedades de la línea», seleccione la opción «Color de fondo» y, a continuación, establezca el color adecuado.
​

Cambiar el color detrás del elemento del mensaje
Haga clic en el fondo del mensaje (a los lados) y, en la sección «Propiedades de la línea», seleccione la opción «Color de fondo del contenido» y, a continuación, establezca el color adecuado.

Uso de una imagen en el fondo del mensaje

Seleccione el área del mensaje detrás de la cual desea establecer el fondo con la imagen y haga clic en el fondo del mensaje (a los lados). En la sección «propiedades de la línea», utilice la opción «imagen de fondo» → «subir imagen». Sube cualquier imagen y disfruta del fondo. Puede ser un patrón que solo aparecerá en los laterales del mensaje, fuera de su contenido, si estableces el color de fondo del contenido.

​

Selecciona el área del mensaje en la que deseas establecer el fondo con la imagen y haz clic en el fondo del mensaje (a los lados). En la sección «Propiedades de la línea», utiliza la opción «Imagen de fondo» → «Subir imagen». Sube cualquier imagen y disfruta del fondo. Si establece el color de fondo del contenido, puede ser un patrón visible solo en los laterales. Cuando el contenido no tiene fondo, la imagen también aparecerá en el fondo, por ejemplo, detrás del texto. Pruebe las posibilidades que ofrecen las opciones disponibles en la configuración de la imagen (image settings).
​

Menú emergente: al editar el campo de texto, aparecerá un menú emergente con varias opciones:
- Estilo y tamaño de la fuente
- Negrita, cursiva, subrayado, tachado, superíndice, subíndice
- Emoticonos
- Alineación a la izquierda, al centro o a la derecha
- Listas ordenadas y desordenadas
- Color del texto y color de fondo
- Orientación del texto (de izquierda a derecha o de derecha a izquierda)
- Enlaces
- Combinar etiquetas (son elementos variables que se utilizan para personalizar el contenido). Por ejemplo, la etiqueta «nombre» se mostrará como *|FIRST_NAME|* al crear el mensaje, pero aparecerá como el nombre real del destinatario cuando reciba el mensaje, siempre y cuando, por supuesto, esta información se encuentre en su base de datos.

TEXTO: Aquí puede cambiar el color del texto, la alineación (izquierda, centro o derecha) y la altura de la línea.

ENLACES: En esta opción, puede decidir si los enlaces de este campo de texto concreto serán coherentes con el estilo del contenido del correo electrónico (consulte la sección Contenido más abajo).

PRINCIPAL: Aquí puedes cambiar el diseño del campo de texto, es decir, la distancia entre los bordes del elemento y su contenido. Si el botón «Más opciones» está desactivado, cambiarás el diseño en todas las páginas a la vez. Si activas «Más opciones», podrás cambiar el diseño de cada página por separado.

DISEÑO RESPONSIVO: si activas la opción «Ocultar en escritorio», todo el campo de texto aparecerá solo en la versión móvil de tu correo electrónico.

Menú emergente: al editar el campo de texto, aparecerá un menú emergente con varias opciones:
- Estilo y tamaño de la fuente
- Negrita, cursiva, subrayado, tachado, superíndice, subíndice
- Emoticonos
- Alineación a la izquierda, al centro o a la derecha
- Listas ordenadas y desordenadas
- Color del texto y color de fondo
- Orientación del texto (de izquierda a derecha o de derecha a izquierda)
- Enlaces
- Combinar etiquetas (son elementos variables que se utilizan para personalizar el contenido). Por ejemplo, la etiqueta «nombre» se mostrará como *|FIRST_NAME|* al crear el mensaje, pero aparecerá como el nombre real del destinatario cuando reciba el mensaje, siempre y cuando, por supuesto, esta información se encuentre en su base de datos.

TEXTO: Aquí puede cambiar el color del texto, la alineación (izquierda, centro o derecha) y la altura de la línea.

ENLACES: En esta opción, puede decidir si los enlaces de este campo de texto concreto serán coherentes con el estilo del contenido del correo electrónico (consulte la sección Contenido más abajo).

PRINCIPAL: Aquí puedes cambiar el diseño del campo de texto, es decir, la distancia entre los bordes del elemento y su contenido. Si el botón «Más opciones» está desactivado, cambiarás el diseño en todas las páginas a la vez. Si activas «Más opciones», podrás cambiar el diseño de cada página por separado.

DISEÑO RESPONSIVO: si activas la opción «Ocultar en escritorio», todo el campo de texto aparecerá solo en la versión móvil de tu correo electrónico.

IMAGEN: aquí es donde cargarás tu imagen. Al hacer clic en el botón Aplicar efectos y más, se abrirá el editor de fotos integrado, que ofrece varias opciones de edición, como aplicar filtros, recortar, añadir texto y mucho más. Una vez añadida la imagen, puedes seleccionar varias opciones:
- Ancho automático: al seleccionar esta opción, tu imagen tendrá el mayor ancho posible. Cuando el interruptor está desactivado, puedes seleccionar el ancho de la imagen como porcentaje del ancho total del campo.
- Alinear: alinea la imagen a la izquierda, al centro o a la derecha.
- Texto alternativo: es el texto que se mostrará a tus suscriptores si la imagen no se carga correctamente o si el correo se envía en formato de texto sin formato o HTML. También es útil para las personas con discapacidad visual que utilizan lectores de pantalla. Te recomendamos que siempre incluyas aquí una breve descripción de cada imagen.

ACCIÓN: Aquí puedes elegir qué sucederá cuando el lector haga clic en la imagen. Abre el menú desplegable en la esquina superior derecha de esta sección para encontrar estas opciones:
- Abrir página: esta es la opción más utilizada, en la que la imagen funciona como un botón que redirige a la página seleccionada. Simplemente inserte el enlace que desea que abran sus lectores y seleccione si desea que ese enlace se abra en la «misma pestaña» o en una «nueva pestaña».
- Suscribirse: selecciona esta opción para convertir la imagen en un botón «suscribirse».
- Cancelar suscripción: selecciona esta opción para convertir la imagen en un botón «Cancelar suscripción».
- Confirmación del sexo (hombre/mujer/prefiero no especificar/otro): selecciona esta opción para convertir tus fotos en botones de confirmación del sexo.
- Enlace de referencia / Código de referencia / Confirmar participación en el programa de afiliados: estas opciones son específicas de los correos electrónicos de los programas de afiliados. Haz clic aquí para obtener más información.

GENERAL: Aquí puede cambiar la posición de la imagen, es decir, la distancia entre los bordes del elemento y su contenido. Si el interruptor «Más opciones» está desactivado, cambiará la posición en todas las páginas a la vez. Si activa «Más opciones», podrá cambiarla por separado en cada página.

TEXTO: Después de usar la función, se ven dos líneas de texto en la imagen. El texto se selecciona automáticamente en función del tipo de escenario y el idioma del agente. Se puede cambiar manualmente:

EFECTOS: después de subir la imagen, se añaden automáticamente efectos gráficos.

ACCIÓN: aquí puedes seleccionar lo que sucederá cuando el lector haga clic en la imagen. Abre el menú desplegable en la esquina superior derecha de esta sección para encontrar estas opciones:
- Abrir página: esta es la opción más utilizada, en la que la imagen funciona como un botón que redirige a la página seleccionada. Simplemente inserta el enlace que deseas que tus lectores abran y selecciona si quieres que ese enlace se abra en la «misma pestaña» o en una «nueva pestaña».
- Suscribirse: selecciona esta opción para convertir la imagen en un botón «suscribirse».
- Cancelar suscripción: selecciona esta opción para convertir la imagen en un botón «Cancelar suscripción».
- Confirmación del sexo (hombre/mujer/prefiero no especificar/otro): selecciona esta opción para convertir tus fotos en botones de confirmación del sexo.
- Enlace de referencia / Código de referencia / Confirmar participación en el programa de afiliados: estas opciones son específicas de los correos electrónicos de los programas de afiliados. Haz clic aquí para obtener más información.

OPCIONES DEL BOTÓN: aquí puede cambiar el color del texto del botón, el color de fondo (color del botón), el ancho (ancho completo o porcentaje) y la alineación (izquierda, centro o derecha).

ESPACIO: aquí puedes cambiar la altura de la línea del botón, el relleno (distancia entre el borde del botón y el texto), el borde (tipo, ancho, color) y las esquinas redondeadas.

GENERAL: aquí puedes cambiar la posición del botón, es decir, la distancia entre los bordes del elemento y su contenido (en otras palabras, el espacio alrededor del botón). Si el interruptor «Más opciones» está desactivado, cambiarás la posición en todas las páginas a la vez. Si activas «Más opciones», podrás cambiarla por separado para cada página.

DISEÑO RESPONSIVO: cuando actives el interruptor «Ocultar en escritorio», esta imagen solo se mostrará en la versión móvil de tu correo electrónico.

LÍNEA: aquí puedes cambiar el ancho del separador, el tipo de línea (continua, punteada, discontinua), la altura de la línea (en píxeles), el color de la línea y la alineación (a la izquierda, al centro o a la derecha).

GENERAL: en esta pestaña puedes cambiar la posición del botón, es decir, la distancia entre los bordes del elemento y el contenido del correo electrónico. Si el interruptor «Más opciones» está desactivado, cambiarás la posición en todas las páginas a la vez. Si activas «Más opciones», podrás cambiarla por separado para cada página.

DISEÑO RESPONSIVO: cuando actives el interruptor «Ocultar en escritorio», esta imagen solo se mostrará en la versión móvil de tu correo electrónico.

HTML: aquí se encuentra tu código HTML.

GENERAL: aquí puedes cambiar el relleno del elemento HTML, es decir, la distancia entre sus bordes y el contenido (en otras palabras, el espacio alrededor del elemento HTML). Si el interruptor «Más opciones» está desactivado, cambiarás el relleno en todas las páginas a la vez. Si activas «Más opciones», podrás configurarlo por separado para cada página.

DISEÑO RESPONSIVO: cuando actives el interruptor «Ocultar en el escritorio», este elemento HTML solo aparecerá en la versión móvil de tu correo electrónico.

ELEMENTOS DEL MENÚ: aquí puedes escribir el nombre de cada elemento y seleccionar el tipo de acción. Por lo general, será «abrir página», lo que requiere introducir la URL y elegir entre abrir ese enlace en la misma pestaña o en una nueva. También puedes cambiar la posición de cada elemento haciendo clic y arrastrando el botón de la esquina superior izquierda del elemento.

ESTILOS: aquí puedes cambiar las propiedades visuales de tu menú:
- Estilo de fuente
- Tamaño de la fuente
- Color de la fuente
- Color del enlace
- Alineación (izquierda, centro o derecha)
- Disposición (horizontal o vertical)
- Separador: carácter o símbolo que separa cada elemento del menú (por ejemplo, « | »)
- Relleno: distancia entre el borde de cada elemento y su contenido

GENERAL: aquí puedes cambiar el relleno del MENÚ, es decir, la distancia entre sus bordes y el contenido (en otras palabras, el espacio alrededor del MENÚ). Si el interruptor «Más opciones» está desactivado, cambiarás el relleno en todas las páginas a la vez. Si activas «Más opciones», podrás configurarlo por separado para cada página.

DISEÑO RESPONSIVO: cuando actives el interruptor «Ocultar en el escritorio», el menú solo se mostrará en la versión móvil de tu correo electrónico.

ICONOS: elige los botones de redes sociales que deseas añadir, especifica su aspecto (redondo, redondeado o cuadrado / en color o en blanco y negro) y las direcciones URL.

GENERAL: aquí puedes cambiar el relleno de los botones de redes sociales, es decir, la distancia entre los bordes y el contenido. Si el interruptor «Más opciones» está desactivado, cambiarás el relleno en todas las páginas a la vez. Si activas «Más opciones», podrás configurarlo por separado para cada página.

DISEÑO RESPONSIVO: cuando actives el interruptor «Ocultar en escritorio», las redes sociales solo se mostrarán en la versión móvil de tu correo electrónico.

CUENTA ATRÁS: aquí configurarás las propiedades principales del temporizador:
- Hora de finalización: cuando termine la cuenta atrás. A partir de ese momento, cuando alguien abra tu correo electrónico, el contador marcará 00:00:00:00
- Zona horaria: zona horaria de la cuenta atrás.
- Idioma: idioma en el que desea que se muestren las etiquetas (16 opciones disponibles).
- Etiquetas: si esta opción está activa, el contador tendrá etiquetas para los días, las horas, los minutos y los segundos.
- Color de fondo, dígitos y etiquetas
- Estilo y tamaño de la fuente de los dígitos
- Estilo y tamaño de la fuente de las etiquetas

IMAGEN: tu temporizador tendrá algunos de los mismos ajustes que las imágenes:
- Ancho automático: si esta opción está activada, tu temporizador ocupará todo el ancho del campo. Si está desactivada, puedes ajustar el ancho.
- Alinear (a la izquierda, al centro o a la derecha)
- Texto alternativo: consulta la configuración de Imagen más arriba para obtener más información.

ACCIÓN: Aquí puedes convertir tu temporizador en un botón. Consulta la configuración del botón más arriba para obtener más información.

GENERAL: Aquí puedes cambiar el relleno de tu temporizador, es decir, la distancia entre el elemento y su contenido. Si el interruptor «Más opciones» está desactivado, cambiarás el relleno en todos los lados a la vez. Si activas «Más opciones», podrás ajustarlo para cada lado por separado.

DISEÑO RESPONSIVO: cuando actives el interruptor «Ocultar en el escritorio», el temporizador solo se mostrará en la versión móvil de tu correo electrónico.

URL del vídeo: pega aquí la URL de tu vídeo (Youtube o Vimeo).

GENERAL: Aquí puedes cambiar el relleno de tu vídeo, es decir, la distancia entre el elemento y su contenido. Si el interruptor «Más opciones» está desactivado, cambiarás el relleno en todos los lados a la vez. Si activas «Más opciones», podrás ajustarlo para cada lado por separado.

DISEÑO RESPONSIVO: cuando actives el interruptor «Ocultar en escritorio», el vídeo solo se mostrará en la versión móvil de tu correo electrónico.

Los más vendidos: este elemento mostrará los productos más vendidos en tu tienda. Puedes limitar la visualización de productos a una categoría determinada

Productos inteligentes: en este elemento aparecen productos reales de tu tienda en función del escenario, por ejemplo, si utilizas este elemento en el escenario Productos vistos, el correo electrónico mostrará los productos que el cliente ha visto.

Novedades: este elemento mostrará los productos más recientes de tu tienda. Puedes limitar la visualización a una categoría determinada

​

Mostrar nombre: muestra el nombre del producto

Mostrar llamada a la acción: debajo de cada producto, colocarás un botón que, al hacer clic en él, redirigirá al cliente directamente a la página del producto (como en tu feed de productos).

Color de fondo: cambia el color de fondo de la columna. Ten en cuenta que esto solo cambiará el fondo de esa columna en concreto, no el de la columna contigua. Si deseas cambiar el color de fondo de ambas columnas a la vez, ve a la opción «Color de fondo del contenido» en PROPIEDADES DE LA FILA (más abajo).

Relleno: es decir, la distancia interna entre los bordes de la columna y su contenido. Si el interruptor «Más opciones» está desactivado, cambiarás el relleno en todos los lados a la vez. Si activas «Más opciones», podrás ajustarlo para cada lado por separado.

Borde: aquí puede cambiar el tipo de borde de la columna (sólido, punteado o discontinuo), el ancho (en píxeles) y el color. A diferencia del color de fondo, no es posible editar el borde de todas las columnas al mismo tiempo.

Color de fondo: aquí puedes cambiar el color de fondo de la fila, independientemente del color de fondo de las columnas. En otras palabras, cambiarás el color del espacio vacío a ambos lados del correo electrónico, alineado con la altura de esa fila.

Color de fondo del contenido: aquí puede cambiar el color de fondo de todas las columnas a la vez.

Imagen de fondo: puedes subir una imagen para el fondo de cada fila. Al igual que con el color de fondo, estará limitado a la altura de la fila. Tienes tres opciones para tu imagen:
- Ancho completo: cuando actives esta opción, tu imagen cubrirá todo el ancho del espacio vacío a ambos lados de tu correo electrónico. Si la desactivas, será el fondo del contenido, limitado a la altura de la fila.
- Repetir: con esta opción, tu imagen se repetirá automáticamente en horizontal y en vertical. Esto es especialmente útil para crear patrones de fondo. Al utilizar imágenes pequeñas que se repiten en un patrón, el tamaño del archivo de tu correo electrónico será mucho menor que si utilizases una sola imagen de patrón en todo el ancho.
- Centro: al activar esta opción, la imagen se alineará en el centro.

Relleno: es la distancia interna entre los bordes de la columna y su contenido. Si el interruptor «Más opciones» está desactivado, cambiarás el relleno en todos los lados a la vez. Si activas «Más opciones», podrás ajustarlo para cada lado por separado.

Color de fondo: el color del espacio alrededor de tu boletín informativo.

Ancho del contenido: el ancho de tu boletín informativo en las pantallas de los ordenadores de sobremesa. El valor predeterminado es 600 píxeles, pero puedes cambiarlo como desees.

Alineación del contenido: puedes elegir entre alineación a la izquierda o alineación al centro. El valor predeterminado es la alineación al centro.

Estilo de fuente: puedes elegir entre 25 fuentes disponibles.

Preencabezado: añade una continuación del título de tu mensaje.

Enlaces: aquí puedes cambiar el color de tus enlaces y si estarán subrayados o no. Estos son ajustes generales que se pueden cambiar individualmente en el elemento «Texto» de la sección Contenido.