Saltar al contenido principal

[Nuevo diseño] Editor Drag & Drop. Segunda parte: diferencias entre los bloques de Estilo y los de contenido

El editor Drag & Drop [Nuevo diseño] 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:

Para empezar, puede echar un ojo a nuestro vídeo pormenorizado sobre cómo usar el editor Drag & Drop [Nuevo diseño] 🚀. Los bloques de Estilo y los de contenido se explican al principio del vídeo.

¿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 azul) contiene 4 bloques de contenido (en amarillo): 2 imágenes y 2 bloques de texto.Layout_and_blocks.png

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.

blobid0.png

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 «+/-».

Handling_columns_gif.gif

Ajustes del bloque de Estilo

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

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

DEE_style-settings_EN-US.gif

Fondo

DEE_background-settings_EN-US.png 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

Ajustes del bloque

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

También puede cambiar el 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. 

DEE_block-settings_EN-US.png

Espaciado

El ajuste de Espaciado permite añadir: 

  • 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. 

DEE_spacing_EN-US.gif

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:

Block_options_EN.png

  1. Duplicar
    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.
  2. Mostrar u ocultar bloque
    Oculte o muestre un bloque añadiendo condiciones. Descubra más detalles sobre la visualización condicional.
  3. Repetir el bloque
    Puede repetir bloques en sus e-mails de recibos o carritos abandonados, descubra más en nuestro artículo Repetir un bloque de artículos en sus e-mails.
  4. 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.
  5. 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 texto, imagen, botones, redes sociales, HTML, divisores, encabezados y pies de página:

DDE_content-blocks_EN.pngblobid6.png

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.

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 amarillo) y para los bloques de texto (en azul):

Layout_options.png

⏩ ¿Qué es lo siguiente?

 

🤔 ¿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í.