Cómo añadir enlaces de anclaje en Elementor (Tutorial paso a paso)

En el diseño web, crear una experiencia de navegación fluida es una de las formas clave de atraer a los visitantes y mejorar la interacción. Añadir un enlace de anclaje es una herramienta útil para lograr este objetivo. Si utiliza Elementorañadir enlaces de anclaje será muy sencillo.

Los enlaces de anclaje permiten a los visitantes saltar directamente a una sección específica de una página haciendo clic en un botón o enlace. De este modo se ahorra tiempo y se fomenta la interacción y el clic.

Este tutorial le proporcionará una guía detallada paso a paso que muestra el método completo para añadir enlaces de anclaje en Elementor. Por favor, siga leyendo.

¿Qué es un enlace ancla en una página web?

Principios de los enlaces de anclaje en las páginas web

Los enlaces de anclaje son un tipo especial de hipervínculo que permite a los visitantes saltar a una zona específica de la misma página web. En pocas palabras, los enlaces de anclaje son como las anclas de los barcos.

La finalidad de un ancla es mantener la embarcación en algún punto del agua, evitar la deriva y permitir que se mueva libremente en el radio de acción del ancla.

Los enlaces de anclaje funcionan de la misma manera. Cuando un visitante hace clic en un enlace de anclaje, se le redirige a un área de contenido específica de la página en lugar de ir a otra página. Este proceso ahorra tiempo de carga y también ayuda a los visitantes a encontrar más rápidamente lo que quieren ver y a permanecer en la página actual.

Añadir enlaces de anclaje en Elementor (3 sencillos pasos)

en caso de que Elementor El plugin ya está instalado en tu sitio, entonces puedes empezar a crear etiquetas de anclaje inmediatamente. Si todavía no está seguro de cómo instalarlo, puede consultar nuestro tutorial de instalación de Elementor anterior.

A continuación, sigue estos pasos:

Paso 1: Seleccione Editar página en Elementor

Regístrese WordPress abra la página en la que desea añadir un enlace de anclaje.

Haz clic en "Editar con Elementor" en el menú superior y la página se cargará en el editor visual de Elementor.

Paso 2: Buscar y añadir la etiqueta de anclaje "Menu Anchor

Escribe "Menu Anchor" en la barra de búsqueda de la izquierda y verás un widget llamado "Menu Anchor". Este es el componente necesario para crear un enlace de anclaje.

Paso 3: Añadir enlaces de anclaje con el widget de anclaje de menú

Una vez que haya encontrado el componente Ancla de menú, arrástrelo y suéltelo sobre el área de la página a la que desea saltar. Por ejemplo, si desea que el usuario salte al área "Precios", coloque este componente delante de dicha área.

A continuación, introduzca el nombre del anclaje en el campo "ID" del componente, por ejemplo "precios".

A continuación, elija un botón o texto que desee utilizar como enlace para saltar a un punto de anclaje al hacer clic en él.

Por ejemplo, seleccione el botón "Empezar" como botón de salto de anclaje:

Desplácese hasta la parte superior de la página y haga clic en el botón "Empezar". En el campo de enlace del botón, borra el enlace existente e introduce "#prices" como destino del salto.

Haz clic en "Guardar".

Cuando vuelva a la página, pulse el botón para saltar a la zona "Precio".

Añadir anclas al menú de WordPress

Este método es mucho más sencillo.

Empiece por añadir un ancla a un área. Por ejemplo, si desea añadir un ancla a las "Preguntas más frecuentes (PREGUNTAS FRECUENTES)" para fijar el salto:

Ve a Elementor, arrastra Menu Anchor al frente del área FAQ e introduce "faq" en el campo ID y haz clic en Guardar.

Entonces haz lo siguiente:

• volver (o irse) WordPress Entre bastidores;
• Vaya a Apariencia > Menú;
• Haga clic en "Enlaces personalizados";

• existe URL Introduzca "#faq" en el texto del enlace como "FAQ";

• Haz clic en "Añadir al menú" y guárdalo.

Una vez guardado, vaya a la parte delantera del sitio y haga clic en "FAQ" en el menú para ser redirigido a la zona de preguntas frecuentes.

Preguntas frecuentes sobre Elementor Add Anchor Link

Aquí hay algunas notas de preguntas frecuentes sobre la adición de enlaces de anclaje en Elementor:

1. ¿Qué son los enlaces de anclaje?

Un enlace ancla es un enlace que permite saltar a una determinada parte de una página.

2. ¿Cómo enlazo a una parte específica de una página en Elementor?

• Seleccione el bloque al que desea saltar y haga clic en "Editar bloque";
• Abra la configuración avanzada;
• aumentar CSS ID, por ejemplo "Primero";
• Seleccione el botón o texto al que desea saltar;
• Introduzca "#First" en el enlace al botón o al texto.

3. ¿Cómo añadir enlaces de anclaje manualmente en WordPress?

• Seleccione un botón o texto e introduzca "# Anchor Name" en el enlace;
• Busque el bloque Saltar objetivo y abra la configuración avanzada;
• Establezca el ID con el nombre del anclaje que ha configurado (sin añadir "#").

4. ¿Cómo añado manualmente un enlace de anclaje en HTML?

• hacer uso de <a href="#目标ID">Saltar texto</a> para establecer el enlace de anclaje;
• En la zona objetivo HTML Tagged with id="ID de destino"Por ejemplo <div id="faq">.

5. ¿Cómo añado un enlace a una imagen en Elementor?

• Seleccione la imagen de destino;
• Busque "Enlaces" en la configuración de "Contenido";
• Seleccione "Enlace personalizado";
• Introduzca la dirección del enlace de destino.

En conclusión

Ahora dispone de un método completo para configurar enlaces de anclaje en Elementor. Es importante recordar que los enlaces de anclaje no son algo que se añada al azar, sino que forman parte integral de las funciones de salto importantes de la página. Se recomienda identificar las áreas más críticas de la página y luego configurar las rutas de salto con el texto o los botones adecuados.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres