Ventajas
- Navegación guiada: llevas al visitante a la parte de la página que le interesa.
- Mejor experiencia: reduce el abandono en páginas largas.
- Funciona en todo: botones, textos y menús de navegación.
- Ideal para llamadas a la acción: “Ir a precios”, “Ver planes”, “Contactar”.
- Adaptable a móvil: funciona igual en todos los dispositivos.
Desplazamiento suave
El desplazamiento es suave: la página se mueve de forma fluida hasta la sección elegida, sin saltos bruscos. Se aplica automáticamente en todos tus embudos y sitios web, sin configurar nada.Paso 1: copia el selector CSS de la sección
Todos los métodos, salvo el del botón con la acción Desplazarse al elemento, necesitan el selector CSS de la sección de destino.1
Abre la página en el editor
Abre tu embudo o sitio web en el editor.
2
Selecciona la sección de destino
Haz clic en la sección a la que quieres llevar al visitante.
3
Copia el selector
En el panel derecho, abre la pestaña Avanzado y copia el valor del campo Selector CSS. Tendrá un formato parecido a
#section-abc12.Paso 2: elige un método
Método 1: botón con la acción Desplazarse al elemento
Es el método más sencillo y no necesita copiar el selector.- Selecciona el botón en el editor.
- En Acciones del botón, abre el desplegable Enlazar a y elige Desplazarse al elemento (Scroll to Element).
- En el desplegable que aparece, selecciona la sección de destino.
Método 2: enlace en un texto
- Resalta el texto que quieres convertir en enlace.
- Haz clic en el ícono de enlace de la barra de formato.
- Escribe la URL completa de la página seguida del selector que copiaste. Por ejemplo:
https://www.minegocio.com/#section-abc12.
Método 3: botón con URL
- Selecciona el botón en el editor.
- En Acciones del botón, abre Enlazar a y elige URL del sitio web (Website URL).
- Escribe la URL completa de la página seguida del selector. Por ejemplo:
https://www.minegocio.com/#section-abc12.
Método 4: elemento del menú de navegación
- Selecciona el Menú de navegación.
- Haz clic en los tres puntos junto al elemento del menú.
- Cambia el campo Ir a a URL del sitio web.
- Escribe la URL completa de la página seguida del selector. Por ejemplo:
https://www.minegocio.com/#section-abc12. - Haz clic en Enviar.
Preguntas frecuentes
¿Puedo desplazarme a una sección de otro paso del embudo?
¿Puedo desplazarme a una sección de otro paso del embudo?
No. El desplazamiento solo funciona dentro de la misma página.
¿Funciona en móvil?
¿Funciona en móvil?
Sí, funciona en todos los dispositivos.
El desplazamiento no funciona. ¿Qué reviso?
El desplazamiento no funciona. ¿Qué reviso?
Comprueba que el selector sea correcto y que empiece por
#. Actualiza la página y vuelve a probar.¿Qué pasa si varias secciones tienen el mismo selector?
¿Qué pasa si varias secciones tienen el mismo selector?
Solo se usará la primera coincidencia. Asegúrate de que cada sección de destino tenga un selector único.
Artículos relacionados
Menús de navegación
Crea y organiza el menú de tu sitio.
Enlaces de llamada, SMS y correo
Otras acciones para tus botones y enlaces.
Mostrar y ocultar elementos con un botón
Haz tus páginas más interactivas.
Embudos, páginas y sitios web
Todo sobre el creador de sitios y embudos.