Cómo crear ancla Webnode – Enlaces con efecto scroll

El ancla funciona como un enlace dentro de una sola página. No se abrirá otra página a través del enlace, sino que serás llevado a otro lugar dentro de la misma página que estás viendo actualmente. La creación de anclas (pestañas) se divide en dos partes:

1. Primero creas un marcador, es decir, un lugar que aparece cuando haces clic en el enlace.
2. Luego configuras un enlace que te llevará a la pestaña (ancla).

El ancla se configura en Webnode utilizando código HTML.

#Paso n.1 Crear un ancla

Agrega un marcador en la ubicación deseada de tu sitio. Cada pestaña debe tener un nombre único: los nombres no se pueden repetir dentro de un mismo sitio. Puedes usar este código HTML para crear el ancla:

En lugar de XXXXXXX, ingresa el nombre del ancla, por ejemplo: anchor1  

#Paso n.2 Configurar un enlace

  Al hacer clic en el enlace, serás redirigido al ancla; el enlace normalmente se coloca en texto normal, pero también puede configurarse en una imagen, botón, etc. Usa el siguiente código para insertar un enlace de texto normal:

En lugar de #XXXXXXX, ingresa el nombre del ancla del paso 1.

«Haz clic en este texto» abajo es el ancla configurado al inicio de este artículo. Al inicio de este artículo hay un código HTML incrustado en la forma de:

El texto en el que haces clic está incrustado con código HTML de la siguiente forma:

Puedes probarlo haciendo clic en «Haz clic en este texto» abajo.

También puedes configurar el ancla en Webnode como un botón de desplazamiento hacia arriba, por ejemplo: «Ir arriba».

1. Primero, inserta en tu sitio el código del paso 1. Coloca el código donde quieras redirigir al visitante.

2. Luego, inserta en la página un botón que puedas nombrar, por ejemplo: «Arriba».

Agregar un botón en Webnode para enlazar a un ancla – tutorial paso a paso

3. Finalmente, configura un enlace en el botón en la siguiente forma: