[V6] Crear un Enlace de Anclaje

Acerca de los Enlaces de Anclaje

¿Alguna vez ha hecho clic en un elemento con hipervínculo en un sitio web y ha visto cómo la página se desplaza convenientemente hasta un punto específico? Eso se llama un enlace de anclaje. Un enlace de anclaje le permite llevar a los visitantes a un lugar específico de su sitio con solo un clic, evitando la necesidad de un desplazamiento manual engorroso y constituyendo una tienda en línea mucho más fácil de usar que seguramente convertirá.

En GemPages, puede anclar utilizando elementos de botón, basados en imágenes y basados en texto. Este artículo le mostrará cómo lograr precisamente eso.

Antes de Vincular: Encuentre el ID de su Elemento/Sección

En la pantalla Editor, cada elemento/sección está definido con su propio ID de Sección único. Esto se puede usar para apuntar a un estilo en una hoja de estilos, o en este caso, apuntar a otros elementos para desplazarse a la sección de destino a la que desea llevar a los espectadores.

Así es como puede encontrar el ID de su elemento/sección. Dependiendo de la versión del Editor de GemPages que esté usando, las instrucciones pueden variar. Por favor, siga las instrucciones específicas para su Versión y proceda con los siguientes pasos en consecuencia.

Paso 1Localice el destino al que desea desplazarse. Encuentre un elemento en esa sección > Haga clic derecho > Editar Código

En este ejemplo, será el elemento Banner .

Paso 2Copie el ID del elemento Banner de Héroe que aparece en la parte superior de la nueva ventana del Editor de Código emergente.

Ahora tiene el ID de sección para proceder a crear un enlace de anclaje para sus elementos.

Para Elementos de Botón y Basados en Imágenes

Los pasos a continuación son para el elemento Botón , pero también funcionan para los elementos Banner y Imagen .

Paso 1En el Panel de Control de GemPages, abra su plantilla de página e ingrese al Editor.

Paso 2Arrastre un elemento Botón a su página.

Paso 3Seleccione el botón "Seleccionar enlace" en la sección "Editar enlace", aparecerá una ventana de selección de enlace.

Paso 4En la nueva ventana, pegue el ID de Sección del destino en el cuadro "URL personalizada".

Alternativamente, puede seleccionar la pestaña "Desplazar a" y seleccionar el destino de la lista que aparece debajo.

Paso 5: Haga clic en el botón azul "Guardar". A continuación, presione Guardar y Publicar para verificar el resultado en la página en vivo.

Para Elementos Basados en Texto

Paso 1En el Panel de Control, abra su plantilla e ingrese al Editor.

Paso 2En el Editor, arrastre un elemento basado en texto, por ejemplo, Encabezado.

Paso 3Resalte el texto y espere a que aparezca el panel de acción.

Paso 4Seleccione el ícono de cadena y aparecerá un campo "URL personalizada".

Paso 5Pegue el ID de Sección del destino en el campo y presione "Ingresar ".

Paso 6: Guarde y Publique la página para verificar el resultado en su página en vivo.

Así es como debería verse el resultado final en su página en vivo:

¡Y ahí lo tiene! Crear un enlace de anclaje solía requerir codificación complicada, pero es solo unos cuantos clics simples con GemPages.