Saltar al contenido principal

Editor Drag & Drop. Segunda parte: diferencias entre los bloques de Estilo y los de contenido

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:

¿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.DDE_style-content-block_EN-US.jpg

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.

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

DDE_remove-resize-columns_EN-US.gif

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.

DDE_style-settings_EN-US.gif

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

Fondo Ajustes del bloque Espaciado
DDE_background-style-block_EN-US.jpg 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

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:

DDE_style-actions_EN-US.jpg

  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:

DDE_title-content-block_EN-US.jpg DDE_text-content-block_EN-US.jpg DDE_image-content-block_EN-US.jpg DDE_button-content-block_EN-US.jpg DDE_logo-content-block_EN-US.jpg DDE_social-content-block_EN-US.jpg
DDE_html-content-block_EN-US.jpg

DDE_payment-content-block_EN-US.jpg

DDE_style1-content-block_EN-US.jpg DDE_style2-content-block_EN-US.jpg DDE_style3-content-block_EN-US.jpg DDE_header-content-block_EN-US.jpg
  DDE_footer-content-block_EN-US.jpg DDE_divider-content-block_EN-US.jpg DDE_navigation-content-block_EN-US.jpg DDE_spacer-content-block_EN-US.jpg  

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):

DDE_different-actions-content-block_EN-US.jpg

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

💬 ¿Fue útil este artículo?

Usuarios a los que les pareció útil: 4 de 13