Vamos aprender a usar en este post el como incluir un enlace a la misma página con Elementor
Antes de nada decir que Elementor es un maquetador web para la plataforma de Wordpress. Si queremos crear o incluir un enlace a la misma página con Elementor que nos lleve a otro lugar dentro de la misma página, basta con seguir estos pasos.
- Primero, seleccionamos el widget al que queremos que nos lleve el enlace al hacer clic, puede ser una sección o cualquier otro widget en la página que estemos editando. En este caso, usaremos una sección, así que hacemos clic en la pestaña correspondiente para seleccionarla en el Selector de sección de Elementor.
- Luego, en la barra lateral izquierda, seleccionamos la pestaña Avanzado.
- En la sección Avanzado, ingresamos un nombre de identificación en el campo ID de CSS.
Consejos para incluir un enlace a la misma página con Elementor es un nombre de ID de CSS:
- Escribir siempre en minúsculas.
- Usar guiones o guiones bajos en lugar de espacios, como por ejemplo: que_podemos.
- Limitarse a caracteres alfabéticos y números.
- No es necesario incluir el símbolo # en esta parte, lo agregaremos luego en el enlace.
- Este nombre debe ser único en toda la página, no se puede reutilizar para otros elementos. Un ID se refiere a un elemento específico.
- Ahora, seleccionamos el elemento en nuestra página donde queremos poner el enlace, de modo que, al hacer clic, nos lleve directamente a la sección con el ID asignado, por ejemplo: que_podemos. Podemos colocar este enlace en cualquier widget que permita enlaces, o en un texto utilizando el editor de texto. En este caso, utilizaremos un widget de Icono para vincularlo a la misma página.
- En la columna izquierda, en la pestaña Contenido, agregamos el nombre del ID en el campo Enlace, precedido por el símbolo de la almohadilla (#). En nuestro ejemplo: #que_podemos.
Incluir un enlace a la misma página con Elementor
- Después de realizar estos pasos, guardamos y ya tendremos el enlace configurado.
Podemos repetir este proceso en otros widgets o textos de nuestra página para que dirijan a la misma sección. Este tipo de enlaces es útil especialmente en páginas con mucho contenido, ya que facilita la navegación del usuario hacia la información que busca. Además, también podemos usar el enlace completo en otras páginas, como veremos a continuación, para dirigirnos a una página diferente y acceder al punto específico:
https://miweb.com/#que_podemos
Basta con agregar el ID precedido por el símbolo # al final de la URL. Así, podremos usar este ancla en cualquier página, llevando al usuario no solo a la página en cuestión, sino directamente a la sección deseada de la misma. Ahora ya sabes como incluir un enlace a la misma página con Elementor