Cómo crear enlaces ancla con Elementor | dirigen a una sección específica de una url interna
En este artículo, te mostraré cómo crear enlaces ancla con Elementor, una herramienta popular de creación de páginas para WordPress. Aprenderás a dirigir a los visitantes a secciones específicas de una página o a secciones en páginas diferentes dentro de tu sitio web utilizando enlaces ancla. Este método es útil para mejorar la navegación y proporcionar una experiencia de usuario más intuitiva.
Asignar un ID a la sección de destino
El primer paso es asignar un ID único a la sección de destino a la que deseas dirigir a través del enlace ancla. Por ejemplo, si tienes una página llamada «Contacto» y deseas que los visitantes sean dirigidos a la sección de «Contactar por WhatsApp», debes asignar un ID a esa sección.
En Elementor, selecciona la sección y haz clic en los seis puntos para acceder a las opciones avanzadas. En la sección de «ID de CSS», asigna un nombre descriptivo al ID, como «WhatsApp». Luego, haz clic en «Actualizar» para guardar los cambios.
Crear el enlace ancla en la página de origen
Ahora, dirígete a la página desde la cual deseas enlazar a la sección de destino. Puedes hacerlo agregando un botón o incluso un enlace de texto. Selecciona el elemento en el editor de Elementor y busca la opción de agregar enlace.
En la URL del enlace, agrega la URL de la página de destino, seguida de un numeral (#) y el ID de la sección. Por ejemplo, si la página de destino es «Contacto» y la sección tiene el ID «WhatsApp», la URL sería «https://tusitio.com/contacto#WhatsApp«.
Además, puedes personalizar el texto o el aspecto del botón y aplicar los cambios. Luego, haz clic en «Actualizar» para guardar los cambios realizados.
Previsualizar y probar los enlaces ancla
Antes de publicar los cambios, es recomendable previsualizar la página para verificar que los enlaces ancla funcionen correctamente.
Si estás enlazando a una sección en una página diferente, al hacer clic en el enlace, se dirigirá automáticamente a la sección específica de la página de destino.
Si estás enlazando a una sección en la misma página, al hacer clic en el enlace, la página se desplazará suavemente hacia la sección de destino sin cargar una nueva página.
PLUGINS
Y TEMAS
PREMIUM
2,99$
