fbpx

Crear Enlace Ancla en WordPress (Divi y Elementor)

Last updated Aug 6, 2022 | Divi, Wordpress

enlace ancla salto wordpress link divi

En este post te voy a explicar cómo puedes crear un link a una sección específica de tu página web en WordPress con DIVI.

Crear un enlace a una sección específica dentro de tu sitio web es genial porque nos ayuda mucho a lo que es la experiencia del usuario que puede navegar más rápidamente dentro de tu sitio web, pero también además podemos guiarlo hacia llamados a la acción, hacia suscribirse, hacia descargar cierto tipo de material de forma más ágil con solo un link dentro de nuestra misma sección.

 

 

Enlace Ancla WordPress

Esto también nos ahorra cierto tiempo de trabajo, porque así no tenemos que crear distintas páginas individuales o aparte para dirigir a esas personas a esa información, sino que, dentro de la misma sección de una página larga, por ejemplo, podemos dirigir a las personas para que tomen acción, para que dejen sus datos, para que nos contacten.

Para darte un ejemplo, te voy a mostrar algunas páginas que hemos hecho con este link, link ancla o link de salto, también he visto que se llama esta forma.

Por ejemplo, aquí este botón va a llevar a una sección, ves cómo hace scroll hacia abajo, hacia una sección casi al puro final donde se quiere que la persona haga clic aquí en este botón de chat.

 

Html Ancla En WordPress

Entonces, como todo el embudo, de las personas que llegan se quiere que inicien una consulta a través de este chat. Entonces es bastante útil guiar a las personas de esta forma. En otra página para otro cliente, lo que hicimos fue guiar, digamos, lo más importante esta página era que las personas vieran el offer list, esto es de un trading de café.

Entonces, si uno hace clic aquí en el menú principal, ves cómo te lleva a la sección de «ver la lista de oferta de café» y si ya hacen clic aquí, les abre un documento PDF, y también en esta misma página hicimos que el contacto fuera aquí abajo.

Esto también es súper útil, porque a veces uno crea una página para contacto, pero la página tal vez no tenga mucha información, es solo un formulario. Entonces también nos ahorramos cierto tiempo y también las personas directamente pueden rellenar el formulario, no hay que ir a otra página. Es más rápido creándolo de esta forma. Y por último ejemplo, también este es otro cliente que tenemos que también es un embudo donde todos estos botones «Ver menú y ordenar», «Ordenar ya», «ver el menú».

 

Ancla De Menú Divi Y Elementor

Ve si pongo aquí «Ordenar ya». me lleva a esta sección donde este restaurante tiene tres sedes, entonces aquí ya abre el menú respectivo de cada sede.

Por eso es como, como te digo, como un embudo, queremos que, si las personas quieren ver menú y ordenar, primero tienen que decir ok, de qué zona, estamos más cerca de esta zona o esta zona, pues también aquí pusimos los mapas y también de igual forma si quiero ver hamburguesas y me lleva…

Si uno hace clic acá a la zona que yo quiero ver el menú y ordenar, entonces ya me abre lo que es este menú de esta app que es súper útil para restaurantes, por cierto, ya uno puede ordenar en línea, pero como ves, esta opción de linkear a una sección específica es bastante útil para lo que es el guiar al usuario a tomar una acción.

 

Cómo Hacer Un Ancla En WordPress

Ok, para explicarte cómo lo vamos a hacer primero. Obviamente el paso uno es definir cuál es la sección que queremos que este link vaya, a donde se va a dirigir.

En este ejemplo voy a poner aquí que este botón que dice «iniciar» que dirija a esta sección de descargar la guía para desarrollar tu marca personal y que aquí entonces hace el clic, al hacer clic van a descargar, pero quiero que cuando lleguen lo primero que hagan es este para este botón y que llegue a esta sección.

Es muy sencillo, entonces habilitamos nuestro consultor visual. Ok, ya activado el constructor visual de DIVI, bajamos a la sección que queremos que lleve este enlace y aquí en.… hacemos clic. Y aquí en «Settings» queremos que cuando la persona haga clic, llegue a esta sección.

Esta sección inicia obviamente aquí arriba porque también se puede hacer a cada módulo. Dentro de este módulo también se le puede hacer este link, pero lo vamos a ir a la sección para que cuando baje empiece de aquí arriba hacia abajo.

Entonces hacemos clic aquí en «Settings» y vamos aquí a «Advance», y la primera opción es la opción del CCID & classes. Hacemos clic aquí en «ID», le vamos a poner una palabra por ejemplo «guía». Si quisieras que fueran otras palabras, hay que poner «guia-marca-personal».

Y esto de una vez lo copio, lo dejo copiado, lo salvo aquí en «salvar cambios» y listo. Y ahora aquí, «subir». Y este botón que quiero, que es el que haga enlace a esa sección, nada más. Le abro la configuración, los «settings» y aquí en link, ya lo había hecho para otra sección, pero entonces le pongo y le copio el ID de la sección que acabamos de hacer.

 

Enlace A Una Parte Concreta De La Página

Muy importante es hay que poner un icono de número, el icono número que es este y para que funcione, nada más. Y listo, ponemos «salvar», salvo aquí.

Ok, aquí hay una nueva página. Entonces ya está salvado. Si hago clic aquí, ves cómo fácilmente me llevó a este, a esta sección que es la que quise que la gente guiara. De hecho, me di cuenta de un error que aquí debería poner «Descargar Guía gratuita o crea tu marca personal en cinco pasos», o algo.

Obviamente, este llamado a la acción falta, voy a cambiar rápidamente. Ok que ya está salvado tiene más sentido, «crear una marca personal para atraer más clientes», “Guía gratuita”.

Hago clic y me lleva a esta sección donde explico un poco más que es un minicurso para ser profesional que sobresalga, «Descargar» y te lleva a lo que ya es la descarga en este caso, pero ya obviamente depende de lo que tú quieras hacer en tu página o en la página web de tu cliente.

Y también si quisiera linkear uno de éstos del menú principal, digamos que algunos de estos links guiaran a una sección específica es nada más meterse aquí en menús. En menú escojo el menú que quiero, que sería este el principal, lo escojo. Aquí me muestra el menú que hay, quisiera que llevara a esa sección, por ejemplo, de descarga de la guía.

 

Link A Sección Específica De Otra Página WordPress

Entonces aquí en custom links, le pego y hay que copiar, lo mejor es copiar todo el URL y pegarlo, entonces y «/’. Entonces, para que me entiendas bien. Sería https://eldominio.com/ y ahora viene lo que es el ID de esa sección. Y aquí le pongo este… Vamos a ver. Vamos a ver cómo se, lo voy a poner al final. Pero sí es bueno ponerle porque digamos esta sección, esta sección está en la página de inicio.

Entonces sí estoy en otra página, pero como me va a salir en el menú principal, te lo voy a enseñar para que te quede claro que si es importante que sea con el URL. Entonces otra vez aquí refresco, ves, guía gratuita.

 

Crear Ancla En Menú WordPress

Esta guía gratuita sale en rojo porque está activado en esta página. Entonces, por ejemplo, hago clic acá y me lleva a la sección. Es muy sencillo de hacer, de implementar, pero viste que fácil y que rápido de hacerlo.

Y, por ejemplo, si estoy en otra sección de mi página, estoy aquí en recursos y hago clic aquí en «Guía gratuita». Me lleva a la página de inicio, a la sección que tiene ese ID de guía en este caso. Pero viste qué sencillo que es, ok, hasta aquí este video.

Espero que te haya quedado claro cómo crear un enlace a una sección específica dentro de tu sitio web o en otra sección de tu sitio web. Y listo, hasta aquí este vídeo mi nombre es de Emmanuel. Suscríbete a mi canal y nos vemos en el próximo vídeo.