Páginas de destino. Tercera parte: editar los ajustes de los elementos de su página de destino

💡 Información relevante
Las páginas de destino están solo están disponibles para los planes Business y Enterprise.

En este artículo explicaremos cómo configurar las secciones y los elementos de su página de destino. Ahora que ha colocado las secciones en su página de destino, es el momento de completarlas con elementos como Texto, Imágenes o Botones.

Hemos preparado una serie de artículos para ayudarle a crear sus páginas de destino:

Ajustes comunes

Las secciones, filas y columnas, e incluso los elementos, comparten ciertos ajustes. En primer lugar, describiremos los ajustes comunes y, a continuación, nos ocuparemos de los específicos.

Alineación

mceclip0.png

El ajuste de Alineación permite seleccione cómo quiere alinear un elemento (tanto horizontal como verticalmente).

Espaciado

mceclip1.png

El ajuste de Espaciado permite definir el espacio vertical y horizontal alrededor y dentro de las secciones y elementos:

  • Margen: sirve para crear el espacio alrededor de un elemento, fuera de cualquier borde definido.
  • Espacio de separación: crea el espacio que hay dentro de su elemento, entre el icono y los bordes.

Puede elegir entre diferentes tipos de espacios desde el XS (el más pequeño) hasta el XL (el más grande).

Visibilidad

mceclip5.png

Para las secciones:

  • El ajuste de Visibilidad permite controlar la visibilidad de las secciones de su página de destino en función del dispositivo utilizado para verla. Puede elegir entre Ocultar en móvil y Ocultar en escritorio.
  • Al elegir ocultar una sección en un determinado dispositivo, la sección aparecerá tachada en el editor y aparecerá el siguiente mensaje «Esta sección no es visible en el móvil/escritorio» dependiendo de la opción seleccionada.
mceclip6.png

`Para los elementos:

  • El ajuste de Visibilidad permite controlar la visibilidad de algunos elementos de su página de destino en función del dispositivo utilizado para verla. Puede elegir Ocultar en móvil y Ocultar en escritorio.
  • Este ajuste no tiene ningún impacto visual en el editor y solo afecta a las páginas de destino publicadas para evitar que se pierda el contenido dentro del editor.

 

Color de fondo

mceclip7.png El ajuste del Color de fondo permite añadir un color de fondo a una sección o elemento y gestionar su transparencia.
💡 Información relevante
El color de su texto cambiará automáticamente en función del color de fondo.

Imagen de fondo

mceclip8.png

El ajuste de Imagen de fondo permite añadir una imagen de nuestra biblioteca de imágenes, de una URL o de su ordenador como fondo de una sección o elemento:

  • Leyenda: escriba un título para la imagen de fondo.
  • Quitar: sirve para eliminar la imagen de fondo actual.
  • Remplazar: sirve para elegir una nueva imagen de fondo para sustituir la actual.
  • Tamaño del fondo: sirve para seleccionar cómo debería adaptarse la imagen de fondo a la sección o al elemento.
  • Repetir fondo: sirve para seleccionar si quiere repetir la imagen de fondo en toda la sección o elemento.
  • Capa de calor: sirve para seleccionar si quiere añadir un color sobre el contenido de una sección o un elemento y gestionar su transparencia.

Sección

Propiedades

mceclip9.png

El ajuste de Propiedades permite cambiar el nombre de una sección. El nombre de las secciones aparece cuando navega por el panel de Diseño.
💡 Información relevante
Reomendamos cambiar los nombres de las secciones para navegar mejor entre estas y poder hacer un mejor seguimiento.

Estilo

mceclip10.png

El ajuste de Estilo permite personalizar la apariencia de la sección:

  • De un borde al otro: afecta al espaciado horizontal entre los diferentes lados de la sección.
  • Altura total: muestra la imagen como una imagen completa.
  • Parallax de fondo: el «parallax» es una técnica de diseño gráfico para que la imagen de fondo se mueva más lentamente que el contenido cuando bajemos o subamos dentro de la página.

Color de fondo, imagen de fondo y espaciado

Los ajustes de Color de fondo, Imagen de fondo y Espaciado se describen en la sección de Ajustes comunes de este artículo.

Filas

Las Filas solo están disponibles en el editor Clásico de páginas de destino.

Puede editar los ajustes de navegación de una fila en la pestaña de diseño del panel izquierdo como vimos en Páginas de destino. Segunda parte: definir la estructura de su página de destino. También puede usar la ruta que aparece en la parte superior de la pantalla al hacer clic en un elemento.

mceclip11.png

Color de fondo, imagen de fondo espacios y visibilidad

Los ajustes de Color de fondo, Imagen de fondo, Espaciado y Visibilidad se describen en la sección de Ajustes comunes de este artículo.

Avanzado

mceclip12.png
  • Esconder los canales entre las columnas: sirve para mostrar el espacio (canal) entre las columnas.
  • Redondear los bordes: permite redondear las esquinas de la fila. 

Columnas

Las Columnas solo están disponibles en el editor Clásico de páginas de destino.

Puede editar los ajustes de navegación de una columna en la pestaña de diseño del panel izquierdo como vimos en Páginas de destino. Segunda parte: definir la estructura de su página de destino. También puede usar la ruta que aparece en la parte superior de la pantalla al hacer clic en un elemento.

mceclip11.png

Estilo

mceclip13.png
  • Cambiar el tamaño: elegir el ancho de la columna.
  • Tamaño para móviles: elegir el ancho de la columna en los móviles.
  • Redondear los bordes: permite redondear las esquinas de la columna. 

Color de fondo, imagen de fondo, espaciado y visibilidad

Los ajustes de Color de fondo, Imagen de fondo, Espaciado y Visibilidad se describen en la sección de Ajustes comunes de este artículo.

Texto

Nuevo editor de páginas de destino
mceclip14.png
Editor clásico de páginas de destino
mceclip15.png

Puede usar un elemento de Texto para añadir texto a su página de destino y darle formato. 

Barra de formato

mceclip16.png

La barra de formato permite modificar el estilo de su texto. Seleccione el texto que desea editar para que aparezca la barra de formato y haga clic en los 3 puntos del lado derecho para acceder a más opciones.

Alineación y espaciado

Los ajustes de Alineación y Espaciado se describen en la sección de Ajustes comunes de este artículo.

Imagen

Nuevo editor de páginas de destino
mceclip18.png
Editor clásico de páginas de destino
mceclip19.png

Las imágenes son la mejor manera de personalizar el diseño de su página de destino y hacerla más atractiva. Puede seleccionar una imagen de nuestra biblioteca de imágenes, de una URL o de su ordenador.

Alineación y espaciado

Los ajustes de Alineación y Espaciado se describen en la sección de Ajustes comunes de este artículo.

Imagen

mceclip21.png

El ajuste de Imagen le permite seleccionar una imagen y cambiar su tamaño:

  • Leyenda: escriba un título para la imagen.
  • URL de la imagen: sirve para introducir la dirección URL de la imagen que quiera añadir.
  • Quitar: sirve para quitar la imagen actual.
  • Reemplazar: sirve para elegir una nueva imagen con la que sustituir la actual.
  • Redimensionar: sirve para seleccionar el tamaño que debería tener la imagen.

Estilo

mceclip22.png

El ajuste de Estilo permite definir el aspecto de la imagen:

  • Sombra de fondo: añade una sombra a la imagen.
  • Redondear los bordes: define cómo de redondeados serán los bordes de la imagen.
  • Estilo y color de los bordes: añade un borde a la imagen y permite seleccionar el color.
  • Ancho del borde: define el ancho que debería tener el borde de la imagen.

Logo

Nuevo editor de páginas de destino
mceclip23.png
Editor clásico de páginas de destino
mceclip33.png

Los logos son la forma perfecta de mostrar su marca en su página de destino.

Alineación y espaciado

Los ajustes de Alineación y Espaciado se describen en la sección de Ajustes comunes de este artículo.

Imagen

mceclip1.png

El ajuste de Imagen le permite seleccionar un logotipo y cambiar su tamaño:

  • Leyenda: escriba un título para el logo.
  • URL de la imagen: sirve para introducir la dirección URL del logo.
  • Quitar: sirve para quitar el logo actual.
  • Reemplazar: sirve para elegir un nuevo logo con el que sustituir el actual.
  • Recortar logo: recortar el logo al tamaño deseado.
  • Alt: permite añadir una etiqueta con información para describir el log.
  • Enlace: añade un enlace de redirección al logo.

Estilo

El ajuste de Estilo solo está disponible en el nuevo editor de páginas de destino.

mceclip26.png

El ajuste de Estilo le permite definir el aspecto del logotipo:

  • Estilo y color del borde: añada un borde al logotipo y seleccione el color.
  • Ancho del borde: defina el ancho del borde del logotipo.
  • Redondear los bordes: seleccione lo redondeado que debe ser el borde del logotipo.

Botón

Nuevo editor de páginas de destino

mceclip27.png

Editor clásico de páginas de destino
mceclip28.png

Puede utilizar un elemento de Botón para crear un vínculo con un sitio web o con otra subpágina de su página de destino. Añadir botones a su página de destino es ideal para destacar los enlaces específicos en los que quiere que la gente haga clic. 

Alineación, espaciado y visibilidad

Los ajustes de Alineación, Espaciado y Visibilidad se describen en la sección de Ajustes comunes de este artículo.

Propiedades

mceclip29.png

El ajuste de Propiedades permite definir a dónde debe enlazarse el botón:

  • Llamada a la acción: escriba el texto que quiera mostrar en el botón de llamada a la acción.
  • Seleccionar una acción: elija entre tres tipos de acciones. Pueden ser, enlazar a una URL, vincular a una sección o enlazar a una página de este recorrido.

    Si selecciona Vincular a una sección, elija a cuál en el menú desplegable.

    Si selecciona enlazar a una página de este recorrido, selecciónela a partir del menú desplegable.

  • Elegir un destino: elija si quiere abrir el enlace en la pestaña actual o en una nueva.
  • URL (enlace): añada el enlace al que redirigirá el botón.

Estilo

mceclip30.png

El ajuste de Estilo le permite personalizar la apariencia del botón:

  • Color: elija el color del botón.
  • Estilo y color del contorno: elija un tipo de contorno para el botón y su color.
  • Ancho del contorno: defina el ancho del contorno del botón.
  • Ancho total: defina si quiere que el ancho del botón ocupe toda la columna o no.
  • Relleno: seleccione si el botón estará relleno o vacío:
    mceclip0.png
  • Forma: seleccione si el botón será cuadrado, redondo u ovalado.
  • Sombreado: añada una sombra más clara o más oscura.
  • Icono del botón: añada un icono al botón y elija su posición.

Divisor

💡 Información relevante
Solo se puede añadir un divisor horizontal.
Nuevo editor de páginas de destino

mceclip31.png

Editor clásico de páginas de destino
mceclip32.png

Puede utilizar un elemento Divisor para añadir una separación visual entre los diferentes elementos y secciones de su página de destino. 

Espaciado

El ajuste de Espaciado se describe en la sección de Ajustes comunes de este artículo.

Estilo

mceclip38.png

Elija el nivel de grosor del divisor: Fino, Grueso o Muy Grueso.

Color

mceclip39.png

Seleccione el color del divisor.

Formulario

Nuevo editor de páginas de destino

mceclip34.png

Editor clásico de páginas de destino
mceclip35.png

Puede utilizar un elemento de Formulario para crear una página de destino que genere clientes potenciales. Para obtener más información sobre los formularios en una página de destino, consulte nuestro artículo Cuarta parte: añadir un formulario y usar las opciones avanzadas.

Icono

Nuevo editor de páginas de destino

mceclip37.png

Editor clásico de páginas de destino
mceclip24.png

Puede utilizar un elemento de Icono para añadir un poco de contenido visual a su página de destino e ilustrarla.

Alineación y espaciado

Los ajustes de Alineación y Espaciado se describen en la sección de Ajustes comunes de este artículo.

Ajustes

mceclip40.png

Los ajustes de un icono permiten seleccionar un icono y personalizar su aspecto:

  • Reemplazar: sirve para elegir un nuevo icono para sustituir el actual.
  • Redimensionar: sirve para seleccionar el tamaño que debería tener el icono.
  • Fondo: sirve para añadir un color de fondo al icono.
  • Primer plano: sirve para añadir un color delante del icono.
  • Estilo y color del borde: sirve para añadir un borde al icono y seleccionar su color.
  • Ancho del borde: sirve para definir el ancho del borde del icono.
  • Redondear los bordes: sirve para seleccionar cómo de redondeado debe ser el borde del icono.
  • Enlace: sirve para añadir un enlace de redirección al icono.

Vídeo

Nuevo editor de páginas de destino

mceclip41.png

Editor clásico de páginas de destino
mceclip42.png

Puede utilizar un elemento de Vídeo en su página de destino para mostrar su marca o sus productos sin utilizar demasiado texto.

Espaciado

El ajuste de Espaciado se describe en la sección de Ajustes comunes de este artículo.

URL

mceclip43.png El ajuste de URL le permite añadir el enlace al vídeo. Puede utilizar un vídeo alojado en YouTube, Vimeo, Dailymotion, Canal+, Wista, Twitch, Youku o Coub.

Estilo

mceclip44.png

El ajuste de Estilo permite gestionar la apariencia del vídeo:

  • Estilo y color del borde: añade un borde al vídeo y seleccione su color.
  • Ancho del borde: define el ancho del borde del vídeo.
  • Redondear los bordes: define cómo de redondo debe ser el borde del vídeo.

Contenedor

El elemento Contenedor solo está disponible en el nuevo editor de páginas de destino.

mceclip45.png

Puede utilizar un elemento de Contenedor para agrupar varios elementos y moverlos o redimensionarlos todos a la vez.

Imagen de fondo, espaciado y visibilidad

Los ajustes de Imagen de fondo, Espaciado y Visibilidad se describen en la sección de Ajustes comunes de este artículo.

Estilo

mceclip46.png

El ajuste de Estilo permite personalizar la apariencia del contenedor:

  • Color de fondo y transparencia: sirve para añadir un color de fondo al contenedor y gestionar su transparencia.
  • Estilo y color del borde: sirve para añadir un borde al contenedor y seleccionar su color.
  • Posición del borde: sirve para definir en qué lado del contenedor añadir un borde.
  • Ancho del borde: define el ancho del borde del contenedor.
  • Redondear los bordes: sirve para seleccionar cómo de redondo debe ser el borde del contenedor.
  • Añadir sombra: sirve para añadir un sombreado al contenedor.

Código

Nuevo editor de páginas de destino

mceclip47.png

Editor clásico de páginas de destino
mceclip48.png

Puede utilizar un elemento de Código para añadir fragmentos de código a su página de destino, como una sección de comentarios de Facebook

💡 Información relevante
El código que se inserte en el editor puede probarse únicamente en las páginas de destino publicadas.

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

Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con un socio certificado de Brevo.

💬 ¿Fue útil este artículo?

Usuarios a los que les pareció útil: 0 de 11