Intranet

Como desplazarte en tu misma página por medio de links

Como desplazarte en tu misma página por medio de links

Desplazarte en tu misma página web hace referencia a linkear un botón o texto para que al momento de dar clic te lleve a la sección específica de tu página web; por ejemplo, al footer, automáticamente se desplazaría, aunque también puedes ajustar el link para que viaje a otra página y luego se desplace en esa misma página.

A continuación explicaremos el paso a paso para crear y ajustar estos links a botones.

1. Abrimos con el editor de Elementor nuestra página donde queremos añadir el link o botón. Para nuestro ejemplo lo haremos en la pestaña de «Inicio».

2. Nos ubicamos en la sección o elemento a la cual queremos desplazarnos y damos clic en editar (figura de lápiz). En el ejemplo es una sección o elemento en la parte inferior del Inicio.

3. Nos desplazamos a: Avanzados > Disposición y ubicamos la opción «ID de CSS». Luego añadimos nuestro identificador personalizado (puede ser un número, un texto, una letra, etc.). Para nuestro ejemplo usamos «101».

4. Creamos un botón (en la misma pestaña de inicio) y le agregamos el link usando el # y sin espacios escribimos el identificador que agregamos anteriormente. Y damos clic en «Previsualizar».

5. Si damos clic en nuestro botón nos llevará a la sección o elemento el cual tiene nuestro identificador 👍

6. Ahora haremos el ejemplo pero cambiará la manera en la que lo escribimos; pues nos llevará a otra página y además nos desplazará.
– Sin cerrar el editor de Elementor del inicio vamos a abrir el editor de Elementor en otra página. En nuestro ejemplo lo hacemos con la página de «Equipo».
– Repetimos el paso 2 y 3 con nuestro elemento o sección. En nuestro ejemplo el ID es «100».

7. Volvemos al editor de Elementor del inicio y creamos otro botón; en el «Enlace» ponemos la URL de la página de «Equipo» (página donde configuramos nuestros ID) la cual en nuestro ejemplo es «https://miempresa.creativo1.xyz/index.php/equipo/» y al final agregamos nuevamente el símbolo # y luego nuestro identificador. En nuestro ejemplo es «100».
Damos clic en «Previsualizar».

8. Damos clic en el botón recién creado (Ir a otra pestaña).

9. Nos desplazamos con éxito a la pestaña «Equipo» a la sección que tiene nuestro identificador.

10. Y listo, hemos aplicado las dos maneras para desplazarnos por nuestra propia web entre secciones y páginas.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *