Framer

¿Cómo hacer un enlace en la misma página de Framer?

En este artículo te explicamos cómo crear enlaces en la misma página o botones que lleven a secciones específicas en Framer.

En las últimas semanas en Nocodehackers hemos recibido las siguientes preguntas: “¿Cómo se linkea un botón de la hero al contacto form en Framer? Es que solo deja a una URL o página” o “¿Cómo crear un enlace en la misma página con Framer?”

Y es muy simple, todo lo que tienes que hacer es crear una Scroll Section. Y te preguntarás, ¿Cómo?

Deberás seleccionar la sección en cuestión a la que quieras que redirija el link o el botón, ir al apartado de la derecha y clicar en “Scroll Section” y en “name” ponerle el nombre que tu quieras.

Veamos el ejemplo:

Scroll section Framer

Y ahora, deberemos ir al botón o al texto que queramos convertir en link para que haga scroll hasta la sección seleccionada previamente.

Le damos a link, en “link to” seleccionamos la página en cuestión en la que se encuentre la sección a la que queremos scrollear y, a continuación, en “section”, seleccionamos la sección que previamente hemos nombrado:

Link framer

Y con esto ya tendríamos un enlace en la misma página de Framer.

Si quieres ver esto mismo en video, el propio Framer ha hecho un video explicándolo cómo hacer scroll links

Conviértete en un experto en Framer.