A la hora de diseñar tu propia página web o Landing Page, el uso de enlaces, botones y CTAs para dirigir la acción del usuario es esencial.

Normalmente, estos botones dirigen directamente a tus productos o a otra página dentro de tu web, pero hay ocasiones en las que lo que necesitas es incluir saltos dentro de una misma página, para pasar de una sección a otra de más abajo, por ejemplo.

En este caso, añadir enlaces internos dentro de una misma página con la plantilla Divi, es muy sencillo y lo puedes hacer en menos de 1 minuto gracias a su constructor. ¿Quiéres saber cómo?

Enlazar dos puntos dentro de una misma página con Divi en tan solo dos pasos

Supongamos que estás diseñando la Home para tu web y quieres añadir un botón de “Contratar Servicios” que lleve directamente a la tabla de precios que incluyes unas secciones más abajo.

O imagínate que tienes una Landing Page muy extensa con una información muy detallada de tu producto y quieres incluir botones de “Comprar” a lo largo de ella, pues quizás no todo el mundo llegue hasta el final del contenido.

Para estos dos casos y para otros en los que necesites crear anclajes internos dentro de una misma página web y que sea posible desplazarse de un punto a otro de forma directa, tan solo tienes que seguir estos pasos:

Entra en la edición de la página donde deseas incluir los enlaces internos o “saltos de página”. Es decir, el ancla que quieres crear.

Entra en los ajustes del módulo, fila o sección hacia el que quieres enlazar y clica en el apartado de “Avanzado”.

Asígnale un nombre en la casilla de “Identificador CSS” (id). Puedes asignarle el nombre o id que quieras. En nuestro ejemplo lo hemos llamado botondecompra, porque lo queremos enlazar al botón de compra final de una página de venta.

Guarda cambios.

añadir salto de página en divi

Ahora entra en los ajustes del módulo desde donde deseas crear el enlace. En el apartado de “Contenido” incluye el nombre o id anterior tras el símbolo de enlace “#”, en la casilla “URL del botón”

Tal y como puedes ver en la siguiente imagen.

Guarda cambios.

cómo añadir enlaces internos misma página

Si previsualizas cambios, podrás comprobar que el enlace interno que has creado para esta página, funciona correctamente.

Fácil, ¿verdad?

En este ejemplo se ha hecho con un módulo de botón de Divi, pero también se pueden incluir enlaces internos en un página con los módulos de icono (anuncio), imagen…

añadir botón con salto de página en diviAunque es una técnica de la que se recomienda no abusar, sí es cierto que en ciertas páginas webs o páginas de venta, estos anclajes internos, ayudan a que el usuario web encuentre fácilmente lo que anda buscando.

Estos enlaces también se pueden crear de forma manual con anclajes en HTML, pero como habrás visto, si ya tienes la plantilla Divi instalada, añadir enlaces internos dentro de una misma página es extremadamente sencillo. Esta es otra de las ventajas de diseñar una web con el constructor Divi 😉

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas(¿Te ha resultado útil? ¡Danos un 5!)
Cargando…

También te puede interesar...

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies
¡GRATIS! 

Esta guía con 7 Trucos de diseño para Divi

¡GRATIS!

Esta guía con 7 Trucos de diseño para Divi

Obtén, de forma totalmente gratuita, estos trucos de diseño que la plantilla Divi no incluye y crea webs únicas.

Consentimiento

¡Perfecto! Ahora VE A TU BANDEJA DE ENTRADA y abre el email que te he enviado desde DIVESP. ¡Gracias!