El editor Drag & Drop hace que diseñar e-mails de aspecto profesional sea fácil, ya que ofrece más opciones de personalización y garantiza que se visualicen perfectamente en cualquier proveedor de e-mail y dispositivo.

Ahora que ya hemos visto la descripción general del editor, le mostraremos cómo usar las plantillas y los bloques de contenido para empezar a diseñar sus e-mails.

Hemos dividido los artículos sobre el editor Drag and Drop en varias partes:

• Primera parte: descripción general del editor
• Segunda parte: diferencias entre los bloques de Estilo y los de contenido -> SE ENCUENTRA AQUÍ
• Tercera parte: cómo usar los bloques de contenido
• Cuarta parte: configurar el estilo de sus e-mails
• Quinta parte: guardar los bloques para usarlos en otras campañas
• Sexta parte: editar los e-mails para la visualización en móviles
• Séptima parte: previsualizar los e-mails y enviar pruebas

¿Qué es un bloque de Estilo?

Un bloque de Estilo es una estructura que tiene una o más columnas en las que es posible añadir bloques.

En el ejemplo que mostramos a continuación, el bloque de Estilo (en verde) contiene 4 bloques de contenido (en rosa): 2 imágenes y 2 bloques de texto.

Puede crear su propio Estilo arrastrando y soltando bloques de contenido o usar uno de nuestros 3 Estilo predefinidos de una, dos y tres columnas.

Siempre tiene la posibilidad de añadir, eliminar o cambiar el tamaño de las columnas haciendo clic en el bloque de Estilo y utilizando los controles deslizantes y los botones «+/-».

Ajustes del bloque de Estilo

Puede cambiar el nombre de su bloque de estilo haciendo clic en el icono del bolígrafo azul situado junto al título.

Seleccione un bloque de Estilo para que aparezcan los siguientes ajustes en el panel de navegación izquierdo:

Fondo Ajustes del bloque Espaciado

Con este ajuste puede establecer el tipo y el color del fondo. También puede hacer clic en Añadir una imagen de fondo para que aparezca la Biblioteca de contenidos y utilizar sus archivos o imágenes de stock como fondo. Si quiere utilizar una imagen que provenga directamente de Internet, pegue el enlace a esta imagen en el campo Insertar imagen.

El ajuste de Alineación vertical permite cambiar la posición de los contenidos dentro del bloque: arriba, en medio o abajo.

El ajuste de Espaciado permite añadir:

• Espaciado interior de los bloques de contenido en el bloque de Estilo seleccionado utilizando las flechas arriba y abajo o introduciendo el espaciado que desee. 
• Margen interior, que es el espacio entre el elemento y el borde. Está alrededor de los cuatro lados del contenido y el tamaño de cada lado se puede modificar.
• Margen, que es el espacio entre el borde y el siguiente elemento de su diseño. Está alrededor de los lados superior e inferior del contenido y el tamaño de cada lado se puede cambiar.

Active el botón de Margen interior o Margen para activarlos o desactivarlos con un solo clic. Elija qué tamaño de margen interior o margen quiere añadir para cada lado de su contenido utilizando los botones +/- o escribiendo el tamaño deseado en el campo de texto.

Acciones de Estilo

Puede mover un bloque de Estilo verticalmente. Para mover un bloque, haga clic en el bloque de Estilo y manténgalo pulsado mientras lo mueve hasta la ubicación donde quiera colocarlo. La línea azul indica el espacio al que se moverá el bloque.

Cuando se selecciona un bloque, aparecen varias acciones disponibles en la esquina inferior izquierda del mismo:

1. Mover
   Arrastre y suelte el bloque en el diseño de su e-mail.
2. Duplicar (⌘ o Ctrl + D) 
   Una vez que haya seleccionado todos los ajustes para su bloque, puede duplicarlo. Esto permite ahorrar mucho tiempo a la hora de diseñar campañas o plantillas.
3. Mostrar u ocultar bloque
   Oculte o muestre un bloque añadiendo condiciones. Para obtener más información, consulte nuestro artículo visualización condicional.
4. Repetir el bloque
   Puede repetir bloques en sus e-mails de recibos o carritos abandonados. Para obtener más información, consulte nuestro artículo Repetir un bloque de artículos en sus e-mails.
5. Guardar
   Guarde un bloque para volver a usarlo en otras campañas. Sus bloques aparecerán en la pestaña de Mi contenido del menú de la izquierda.
6. Eliminar (⌫ + ↵)
   Puede eliminar un bloque de Estilo usando esta opción.

¿Qué es un bloque de contenido?

Los bloques de contenido son diferentes tipos de contenido que puede añadir a sus e-mails. Puede arrastrar los bloques de contenido dentro de los bloques de Estilo.

Los bloques de contenido disponibles son:

Cada bloque de contenido tiene sus propios ajustes que pueden personalizarse en función de las necesidades, al hacerlo, se eliminarán los ajustes predeterminados del Tema. Para obtener más información, consulte nuestro artículo Cómo usar los bloques de contenido.

Igual que los bloques de Estilo, también puede mover, personalizar, duplicar, guardar y eliminar bloques de contenido.

Estas acciones adicionales (enlace, vista previa, reemplazar imagen, etc.) cambiarán en función del tipo de bloque que esté editando. En el ejemplo que aparece a continuación se muestran las acciones para los bloques de imágenes (en verde) y para los bloques de texto (en rosa):

⏩ ¿Qué es lo siguiente?

• Tercera parte: cómo usar los bloques de contenido
• Cuarta parte: configurar el estilo de sus e-mails
• Quinta parte: guardar los bloques para usarlos en otras campañas
• Sexta parte: editar los e-mails para la visualización en móviles
• Séptima parte: previsualizar los e-mails y enviar pruebas

🤔 ¿Tiene alguna duda?

Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.