¿Cómo crear vínculos a secciones internas dentro de Divi?

A veces es neceasario permitir que el visitante de tu página web acceda rápidamente a secciones dentro de la página que está buscando. Un ejemplo, sería poder enviar al usuario al formulario de contacto de una manera rápido, con solo colocar un botón que lo llevara a esta sección. Otra alternativa sería incluir una sección en el menú principal que también lo llevara a esta sección.

Para crear un hipervínculo a una sección de una misma página, si estás usando WordPress y el tema Divi, solamente deber seguir estos sencillos pasos.

1. Identifica y nombra la sección a la que quieres vincular

Para ello, debes acceder al módulo o sección a la que quieres que el hipervínculo direccione. Esto puede ser una sección completa, una fila, un módulo dentro del Constructor de Divi. Deberás hacer clic en las propiedades del objeto a referenciar y trasladarte a la pestaña de ‘CSS personalizado’.

Dentro de esta pestaña del editor, deberás colocar el nombre que quieres dar a la sección, sin utilizar el símbolo de gato ‘#’. Una vez elegido el nombre, haz clic en ‘Guardar y salir’ y guarda la página o entrada que estás editando.

2. Genera el hipervínculo haciendo referencia al marcador

Genera un nuevo hipervínculo que direccione al marcador recién creado. Para hacer esto, dentro de una misma página, solo debes vincular a la siguietne ruta: #nombre_de_marcador.

Bonus especial:

¿Como crear vínculos a marcadores dentro de páginas desde el menú principal de WordPress?

Crea o edita el menú principal

Haz clic en el menú lateral de WordPress en la sección “Apariencia” -> “Menús”.

Si no lo has creado aún, genera un nuevo menú escribiendo el título de menú que deseas y haciendo clic en “Crear menú”.

Elige la ubicación en la que quieres que aparezca el menú. Para el menú principal, elige “menú principal”.

Genera un enlace personalizado dentro del menú principal

Al igual que con el ejemplo anterior, debes referenciar al nombre del marcador anteponiendo un símbolo de gato [#].

Aquí debes tener especial cuidado si eliges sólo referenciar al marcador y no a una página completa + el marcador (ej: http://spota.com.mx/#contacto vs #contacto). En el primer caso, hacer clic en el vínculo llevará al usuario siempre a la misma página principal y al marcador #contacto dentro de esa página principal. En el segundo caso, hacer clic llevará al usuario al marcador #contacto dentro de la página en la que se encuentre. Esto implica que, si en una página determinada no existe este marcador, el vínculo no funcionará y no transportará al usuario a ningún sitio.