Los elementos de diseño son elementos individuales que puede añadir a su newsletter. Si quiere, también puede utilizar los elementos más complejos que hemos creado y que reúnen imágenes, título, texto y botones en Elementos de contenido. En este artículo le enseñaremos a añadir elementos de diseño (títulos, textos, imágenes, botones y espacios) a su newsletter y a modificar su configuración.
- Primera parte: descripción general del editor Drag & Drop
- Segunda parte: añadir y mover los bloques de su campaña de e-mail
- Tercera parte: opciones de los bloques y de los elementos
- Cuarta parte: elementos de diseño (títulos, textos, imágenes, botones y espacios) -> SE ENCUENTRA AQUÍ
- Quinta parte: bloques de contenido
- Sexta parte: elementos de encabezado y pie de página
Título y texto
Con los elementos de Título y Texto, puede añadir fácilmente información a sus campañas de e-mail y, a continuación, aplicar diferentes estilos y ajustes.
Dar formato a sus títulos y textos con la barra de herramientas
Puede modificar el formato del texto (negrita, cursiva, subrayado, tachado, etc.) haciendo clic en el texto y usando la barra de herramientas de formato:
El vídeo está en inglés, pero puede activar los subtítulos automáticos en español.
Cómo modificar los ajustes de los elementos
Los ajustes de los elementos varían en función de cada uno de ellos. Puede acceder a estos haciendo clic en el elemento (Título o Texto en este caso). En la parte derecha, aparecerán los ajustes de los elementos y podrá modificar las siguientes opciones:
 |
|
Cómo añadir un enlace a su texto
Añadir enlaces a su texto no puede ser más fácil. Use la barra de herramientas de cada elemento de texto para convertir cualquier parte del texto de su campaña por e-mail en un enlace.
- Añada el elemento de Texto o el Título a su diseño.
- Sustituya el texto Lorem ipsum por el suyo propio.
- Seleccione el texto al que quiera añadir el enlace.
- Haga clic en el icono del Enlace en la barra de herramientas de formato.
- Deje Tipo de enlace como URL e introduzca la URL en el campo correspondiente.
- Haga clic en OK.
En la pestaña de Destino, puede elegir el destino de su enlace (abrir una nueva ventana, en la misma ventana, etc.).
Para eliminar el enlace, seleccione el texto y haga clic en el icono de Eliminar el enlace que hay a la derecha del icono del enlace.
Añadir un enlace de contacto
Al igual que puede añadir un enlace, también puede añadir un e-mail de contacto en sus mensajes para recibir respuestas de los suscriptores cuando hagan clic en el enlace.
- Añada el elemento de texto o título a su diseño.
- Sustituya el Lorem Ipsum por su propio texto.
- Seleccione la dirección de e-mail a la que quiera añadir el enlace.
- Seleccione e-mail como Tipo de enlace.
- Introduzca la dirección de e-mail (obligatoria) y el asunto/cuerpo del mensaje (opcional).
Rellene los campos de Asunto del mensaje y Cuerpo del mensaje si quiere que el asunto y el cuerpo del e-mail aparezcan completados automáticamente cuando alguien haga clic en el enlace para enviar un e-mail. - Haga clic en OK.
Añadir un color o una imagen de fondo
Si desea añadir un color o imagen de fondo a los elementos de título/texto, debe ir a las opciones del bloque haciendo clic en el icono del lápiz. Consulte todo el proceso en la sección de Color o imagen de fondo del artículo Editor and Drop Editor: opciones de los bloques y de los elementos.
Imagen
Puede subir, añadir y editar imágenes rápidamente en su campaña de e-mail. Es una manera perfecta de personalizar el diseño de sus e-mails y que resulten más atractivos.
Tiene dos maneras diferentes de añadir imágenes a sus e-mails:
Describiremos estos dos métodos en las siguientes secciones. El vídeo está en inglés, pero puede activar los subtítulos automáticos en español.
Añadir una imagen desde la Galería de imágenes
- Arrastre y suelte el elemento de imagen en su e-mail.
- Haga clic en la imagen.
La Galería de imágenes aparecerá en el menú izquierdo. - Para añadir una imagen a la Galería de imágenes:
- Haga clic en + Añadir una imagen en la parte superior derecha.
- O arrastre y suelte una imagen en el menú.
- Cuando haya terminado de cargarse, arrastre y suelte su imagen en el elemento de imagen.
Añadir una imagen desde una URL
- Arrastre y suelte el elemento de imagen a su e-mail.
- Haga clic en la imagen.
Los ajustes de la imagen aparecerán a la derecha. - En la parte inferior, en Fuente de la imagen, marque Desde URL.
- Copie la URL de su imagen en el campo correspondiente.
La imagen no aparecerá en el editor pero podrá acceder a la vista previa cuando envíe un e-mail de prueba.
Editar los ajustes de la imagen
Desde el menú de la izquierda, podrá acceder a diferentes ajustes de su imagen. Haga clic en la imagen para acceder a este panel:
 |
|
Editor de fotos
Nuestro editor Drag & Drop cuenta con un editor de fotos con el que podrá recortar su imagen, añadir filtros, texto o diseños de texto. Para acceder al editor de fotos, haga clic en la imagen y luego en el botón de Modificar en la esquina superior izquierda de la imagen.
¿Cómo cambiar el tamaño de una imagen?
- Haga clic en Modificar en la esquina superior izquierda de la imagen.
- Vaya a Transformar, en la esquina superior izquierda del editor fotográfico.
- Seleccione Personalizar.
- Marque la casilla que hay junto a Bloquear la resolución.
- Cambie el ancho o el alto de la imagen, el resto de ajustes se adaptarán automáticamente para mantener la misma proporción.
- Haga clic en Guardar.
- La imagen con el nuevo tamaño se añadirá a la galería y podrá arrastrarla y soltarla en el elemento de imagen que quiera.
Botón
Puede usar nuestro elemento de Botón para enlazar a un sitio web o archivo de descarga. Añadir botones a sus campañas de e-mail es una manera genial de destacar los enlaces específicos en los que quiere que la gente haga clic.
 |
|
El vídeo está en inglés, pero puede activar los subtítulos automáticos en español.
Espacios
Si añade espacios al diseño la campaña será más agradable de leer. El elemento de Espaciado adoptará automáticamente el mismo color que el fondo de la página, únicamente puede cambiar la altura del elemento.
También puede gestionar todos los espacios directamente dentro de los elementos (texto, botón, imagen, etc.) en las opciones del bloque haciendo clic en el icono del lápiz en la esquina superior derecha del elemento. Para obtener más información sobre los espacios, consulta nuestro artículo Editor Drag & Drop (Clásico): opciones de los bloques y los elementos.
⏭️ ¿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í.