¿Cómo utilizar secciones en el editor de landing pages?
Las secciones son una buena forma de organizar el contenido de tu página. Puedes pensar en una sección como un contenedor que agrupa elementos. Cuando agrupas elementos como botones, etiquetas o imágenes, puedes moverlos o eliminarlos con un solo clic.
Las secciones tienen dos funciones principales:
- Organizan los elementos en grupos lógicos.
- Permiten gestionar los contenidos de forma sencilla.
La mayoría de nuestras plantillas de landing page están compuestas por secciones. También puedes añadir secciones adicionales a tu plantilla.
Cómo añadir una sección a tu landing page
- En el editor de landing pages, haz clic en el botón Añadir elementos.
- Arrastra y suelta el elemento Sección en tu página.
- Selecciona una de las plantillas de la biblioteca de secciones, o haz clic en +Añadir sección en blanco para utilizar una sección vacía.
Cómo mover una sección a otra parte de la página
- Pasa el ratón por encima de una parte vacía de la sección que deseas mover para ver una barra de herramientas de color azul a la derecha.
- Mantén pulsado el icono de mover y arrastra tu sección arriba o abajo.
- Suéltala donde quieras ubicarla.
Cómo copiar (duplicar) una sección dentro de la página
- Pasa el ratón por encima de una parte vacía de la sección para ver una barra de herramientas azul a la derecha.
- Haz clic en el icono de copia para duplicarla.
La sección copiada se añadirá debajo de la sección actual.
Cómo eliminar una sección
- Pasa el ratón por encima de una parte vacía de la sección para ver una barra de herramientas azul a la derecha.
- Haz clic en el icono de la papelera para eliminarla.
Cómo guardar y reutilizar una sección
- Pasa el ratón por encima de una parte vacía de la sección para ver una barra de herramientas azul a la derecha.
- Haz clic en el icono del disco para guardarla.
- Añade un nombre y pulsa el botón Guardar.
- Puedes acceder a todos los bloques y secciones guardadas dentro del editor de landing pages, en Añadir elementos > Mis bloques.
Pasos para las landing pages anteriores
Cómo trabajar con secciones
Para añadir una sección adicional, arrastra su icono desde la barra de herramientas al espacio de trabajo.
Para facilitar las cosas, hemos introducido el resaltado de secciones. Cada vez que muevas una sección, verás resaltadas las secciones vecinas. El resaltado también funciona cuando quieres colocar un elemento dentro de una sección.
Puede desplazar las secciones hacia arriba y hacia abajo en la página. Puede hacerlo de dos maneras:
- Utiliza los controles de desplazamiento (se hacen visibles tras hacer clic en un área de sección desocupada).
- Haz clic y arrastra la sección.
También puedes cambiar la altura de cada sección. Para ello, agarra el control situado en la parte inferior de la sección y muévelo hacia arriba o hacia abajo.
Ten en cuenta que esto funciona igual para todas las secciones, incluida la que se encuentra al final de la página.
Cómo duplicar una sección
Para duplicar una sección, haz clic en cualquier zona vacía de la sección y pulsa + (icono de duplicación) en la barra de herramientas situada en la parte superior de la sección. La sección copiada se colocará debajo de la original.
Cómo enlazar entre secciones
Puede usar elementos cliqueables -botones, imágenes y textoPuede usar elementos cliqueables -botones, imágenes y texto- para enlazar entre secciones. Los elementos funcionan como enlaces de anclaje. Llevan a los visitantes a un punto específico de tu landing page. Puedes utilizar esta función, por ejemplo, para enlazar texto a un formulario de registro en la parte inferior de la página. O para enlazar los botones de la parte inferior de la página con un formulario de la parte superior.
Crea un enlace que te ayude a dirigir a los visitantes a la parte más importante de tu landing page. Por ejemplo, vincula un botón de la última sección con un formulario de registro de la primera sección. De este modo, facilitarás la inscripción a tus visitantes. No tendrán que desplazarse hasta la parte superior para buscar el formulario.
Puedes utilizar una de nuestras plantillas, como Active Gym y Fitness Journey, que ya incluyen elementos vinculados (y hay más en camino). También puedes seleccionar otra plantilla y elegir tus propios elementos. A continuación, vincúlalos de la forma que mejor se adapte a tus necesidades. Para ello
- Selecciona el elemento cliqueable que quieras vincular a tu formulario y suéltalo en una sección.
- Haz doble clic en el elemento para abrir la barra de edición.
- Haz clic en el icono de enlace de la barra para ver las opciones.
- Para Tipo, selecciona Sección. A continuación, selecciona la sección a la que quieres que enlace el elemento (es la sección donde está tu formulario).
- Pulsa OK.
Ahora puedes publicar o continuar editando la landing page. Si mueves las secciones de sitio, la configuración de los elementos se actualiza dinámicamente. «Reaccionan» a los cambios que realices y enlazan con la sección en su nuevo lugar. Esto significa que el número de sección en el editor de botones cambia automáticamente. No es necesario volver atrás y realizar ninguna edición.
Cuando publiques la página y los visitantes hagan clic en el botón, la página se desplazará a la sección que contiene el formulario.
Nota: Esta función no te mueve entre secciones cuando aún estás en el editor. Para que funcione, tienes que publicar la página.
¿Puedo utilizar atajos de teclado en el editor de landing pages?
Hay una serie de atajos de teclado para Mac y PC que puedes utilizar para completar la edición de la página más rápidamente.
- Pulsa CMD/CTRL+S para guardar los cambios.
- Pulsa CMD/CTRL+D para duplicar uno o varios elementos seleccionados, o una sección
- Pulsa CMD/CTRL+C para copiar uno o varios elementos seleccionados, o una sección
- Pulsa CMD/CTRL+V para pegar uno o varios elementos seleccionados
- Pulsa CMD/CTRL + clic con el botón izquierdo del ratón para seleccionar varios elementos
- Pulsa CMD/CTRL+Z para deshacer una acción
- Pulsa MAYÚS+CMD/CTRL+Z para rehacer una acción
- Pulsa CMD/CTR+O – para optimizar el diseño móvil (sólo para el espacio de trabajo móvil)
- Pulsa las teclas ARRIBA, ABAJO, IZQUIERDA, DERECHA para mover un elemento seleccionado 1 px
- Pulsa MAYÚS+Tecla ARRIBA, ABAJO, IZQUIERDA, DERECHA para mover un elemento seleccionado 10 px
- Pulsa RETROCESO para eliminar un elemento