Saltar al contenido principal

Páginas de destino. Segunda parte: definir la estructura de su página de destino

💡 Información relevante
Las páginas de destino están disponibles para los planes BusinessBrevoPlus.

En este artículo explicaremos cómo organizar su página de destino. Puede organizar su página de destino añadiendo, moviendo, duplicando y eliminando páginas, secciones y elementos.

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

Información relevante

El nuevo editor de páginas de destino ofrece una estructura diferente a la del editor clásico de páginas de destino. Asegúrese de que está revisando la sección correcta de este artículo en función del editor de páginas de destino que esté utilizando:

mceclip1.png

mceclip0.png

Nuevo editor de páginas de destino

Editor de páginas de destino clásico

Nuevo editor de páginas de destino

Una página de destino está compuesta por varias páginas, secciones y elementos.

Páginas

Puede añadir páginas adicionales a su página de destino, como una página de agradecimiento, que puede enlazar a su página de destino principal. Para añadir una nueva página, haga clic en + Crear una nueva página en el panel de Páginas.

create_page-en_us.png

Para obtener más información sobre las subpáginas, consulte nuestro artículo Gestionar subpáginas dentro de su página de destino.

Secciones

Dentro de una página puede añadir secciones para organizar su contenido, como una sección de encabezado, una sección de cuerpo y una sección de pie de página. Puede añadir una sección a su página desde los paneles de Secciones o de Diseño

Puede añadir diferentes tipos de secciones a su diseño:

add_section-en_us.png

  1. Puede Añadir una sección en blanco para personalizarla por completo desde cero.
  2. También ofrecemos secciones preconfiguradas que puede añadir para crear su página de destino:
    • Encabezado
    • Portada
    • Ventajas
    • Funcionalidades
    • Vídeos
    • Redes sociales
    • Llamada a la acción
    • Equipo
    • Pie de página
    • Testimonios
    • Formularios
    • Preguntas frecuentes
    • Funcionamiento
💡 Información relevante
Todas las nuevas secciones aparecerán en la parte inferior de su diseño.

Cambiar el nombre a una sección

Para cambiarle el nombre a una sección de su página de destino, haga clic en una sección e introduzca su nombre en el campo de Ponerle un nombre a esta sección. Poner nombres a sus secciones le resultará útil para tener una visión general clara de su página de destino.

name_section-en_us.png

Mover una sección

Para reorganizar su diseño puede mover de un sitio a otro las secciones de su página de destino. Para mover una sección:

  • Desde el panel de Diseño, arrastre y suelte las secciones para colocarlas en el orden que prefiera.
    move_section-en_us.gif
    💡 Información relevante
    Si no sabe seguro qué sección necesita mover, tenga en cuenta que cuando pase por encima de una sección en la lista, esta aparecerá como una animación en su diseño.
  • Haga clic en las fechas del diseño para mover la sección directamente hacia arriba o hacia abajo.
    move_section2-en_us.gif

Duplicar una sección

Para duplicar y reutilizar una sección en su página de destino:

  • Desde el panel de Diseño, coloque el ratón encima de una sección y haga clic en ❏, el icono de Duplicar.
    mceclip15.png
  • Desde su diseño, haga clic en Sección y seleccione ❏, el icono de Copiar sección.
    copy_section-en_us.png
💡 Información relevante
La sección duplicada aparecerá en la parte inferior de su diseño.

Intercambie una sección

Para sustituir una sección de su diseño con una sección en blanco o preconfigurada:

  1. Directamente desde su diseño, haga clic en Sección y seleccione 🔁, el icono de Intercambiar sección.
    swap_section-en_us.png
  2. Seleccione una sección en blanco o preconfigurada para sustituirla.
💡 Información relevante

Intercambiar una sección borrará todo su contenido. Este cambio solo puede revertirse con el botón de ⟲ Deshacer.

Eliminar una sección

Para eliminar una sección de su página de destino:

  • Directamente desde su diseño, seleccione un elemento y haga clic en 🗑️, el icono de Eliminar.
    mceclip14.png
  • Desde su diseño, haga clic en Sección y seleccione 🗑️, el icono de Eliminar sección.

Elementos

Dentro de una sección puede añadir Elementos como contenedores, textos, botones, imágenes, vídeos, separadores, logotipos, iconos, códigos y formularios. Para obtener más información sobre los tipos de elementos disponibles en una página de destino y cómo editar su configuración, consulte Tercera parte: editar los ajustes de los elementos de su página de destino.

Para añadir un elemento en una sección, haga clic en + Elementos y arrastre y suelte el elemento que quiera en la sección.

add_elements-en_us.gif

Mover un elemento

Para reorganizar su diseño puede mover los elementos de su página de destino. Para mover un elemento, arrástrelo y suéltelo donde quiera que quede en su página de destino.

move_element-en_us.gif

Redimensionar un elemento

Para redimensionar un elemento de su página de destino:

  1. Pase el ratón por encima del elemento que quiera redimensionar.
  2. Seleccione la esquina azul inferior derecha del elemento y arrástrela hasta conseguir el tamaño deseado.

    resize_element-en_us.gif

Duplicar un elemento

Para duplicar un elemento y volver a usarlo en su página de destino, selecciónelo y haga clic en ❏, el icono de Duplicar.

mceclip16.png

Eliminar un elemento

Para eliminar un elemento de su página de destino, selecciónelo y haga clic en 🗑️, el icono de Eliminar.

mceclip17.png

Editor clásico de páginas de destino

Diseñar la página de destino

A continuación, aprenderemos a estructurar las páginas de destino creadas con nuestro editor. Esta es la estructura de las páginas de destino:

Sección > Filas > Columnas > Elementos

Secciones

Cada página está compuesta por secciones, lo que hace que el editor sea flexible y fácil de usar. Por ejemplo, puede tener una sección de encabezado, una sección de cuerpo y una sección de pie de página.

Puede elegir entre dos tipos de secciones para añadirlas a su diseño:

  1. Añadir una nueva sección vacía para personalizarla completamente desde cero.
  2. Utilizar nuestras secciones predefinidas para crear su página de destino.
    Structure_1_EN.png

Puede cambiar el nombre de cada sección para que la creación de su página de destino sea todavía más sencilla. Para hacerlo, basta con hacer clic en la sección y rellenar el campo Cambiar el nombre de esta sección en el panel de la derecha.

También puede cambiar el nombre de una sección en Secciones > Sección X > ⚙️. La herramienta de edición de la sección aparecerá a la derecha.

Filas y columnas

Dentro de cada sección hay filas que pueden dividirse en varias columnas

Dentro de las columnas, puede añadir Elementos como texto, imágenes, botones CTA, divisores, formularios, iconos, vídeos, logos y código HTML. Para obtener más información, consulte nuestra guía detallada sobre cómo usar el editor de páginas y los diferentes elementos.

Este es un resumen de la estructura, empezando desde el diseño hasta las secciones y, luego, las filas y columnas:

2020-11-06_16-30-15__1_.gif

Añadir una sección, una columna o una fila

Existen varias maneras diferentes de añadir filas o secciones. Puede hacerlo directamente desde el propio diseño o desde el panel de la izquierda (ya sea desde Secciones o desde Diseño).

Añadir una sección o una fila directamente desde el diseño

  1. Pase el ratón por encima de una sección.
  2. En la parte inferior de la sección verá el botón para AÑADIR UNA FILA O UNA SECCIÓN.
  3. Haga clic en AÑADIR UNA FILA o en AÑADIR UNA SECCIÓN.
    Add_row_or_section_EN.png
  4. Para las filas: elija la plantilla que quiera para su nueva fila (hasta 4 columnas).
  5. Para secciones: el panel de la izquierda se abre y puede elegir entre Añadir una nueva sección vacía o una sección predefinida de una lista.
    Las secciones también pueden añadirse directamente desde el panel de Secciones de la izquierda y aparecerán justo encima de la sección de pie de página o en la parte de abajo del diseño que haya creado desde cero.
  6. ¡Ya está!

Desde aquí no pueden añadirse columnas, consulte la siguiente sección para ver cómo añadir columnas.

Añadir una sección, una columna o una fila desde el panel de diseño

También puede añadir secciones o filas directamente desde el panel de Diseño cuando esté navegando dentro de la estructura. En cada paso, podrá + Añadir una sección, + Añadir una columna o + Añadir una fila

add_row_section_from_layout.png

Mover secciones, filas, columnas y elementos

Ahora que ya sabe añadir secciones, filas y columnas, puede que quiera reorganizarlo todo durante la creación de su diseño. Para mover cosas de sitio, deberá ir al panel de diseño.

Desde aquí, podrá arrastrar y soltar elementos fácilmente. En el ejemplo de abajo se ven varios elementos de una columna:

Drag_and_drop_structure_gif__1_.gif

💡 Información relevante
Si no está seguro de qué sección/fila/columna/elemento está moviendo, recuerde que dicho bloque se animará en su diseño cada vez que mueva el elemento en la lista.

Duplicar o eliminar secciones, filas, columnas y elementos

Todas las partes de su página de destino pueden duplicarse.

  • Puede duplicar secciones, filas, columnas y elementos desde el panel de Diseño haciendo clic en el icono de Duplicar al pasar el ratón por encima del elemento.
  • También puede duplicar una sección o un elemento desde el panel de Edición que aparece a la derecha al hacer clic en una sección o elemento. En la esquina inferior derecha, encontrará la opción de Duplicar.

Duplicate_EN.png

Añadir una página

Para añadir una página nueva, haga clic en la pestaña de Páginas del menú izquierdo y, a continuación, en el botón de + AÑADIR UNA NUEVA PÁGINA. Descubra más sobre las subpáginas aquí.

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