Creación de anclas

Creación de anclas

Los enlaces ancla, también conocidos como "jump links" o "fragment identifiers", permiten a los usuarios navegar rápidamente a una sección específica dentro de una misma página. Esto es particularmente útil para guías extensas o páginas con mucho contenido, mejorando la experiencia del usuario al permitirles acceder directamente a la información que les interesa.

A continuación, te explicamos cómo configurar estos enlaces en tus bloques:

Paso a paso:

  1. Accede a la página y al bloque deseado:Primero, navega a la página en tu Marte Website Builder donde se encuentra el bloque al que deseas añadir el enlace ancla.Haz clic en el bloque específico que contiene el encabezado al que quieres vincular. Por ejemplo, si estás editando un bloque de "Image & Text" como se muestra en tu imagen, selecciónalo.
  2. Ubica la sección "Heading" (Encabezado):Dentro de las opciones de configuración del bloque, desplázate hasta encontrar la sección etiquetada como "Heading" (Encabezado). Aquí es donde se define el título de tu bloque, como "Integración de Marte con Mailchimp" en tu ejemplo.
  3. Abre las opciones del "Anchor link" (Enlace ancla):Junto al campo de texto de tu "Heading", verás un icono de tres puntos verticales (...). Haz clic en este icono.
  4. Selecciona "Anchor link":Al hacer clic en los tres puntos, se desplegará un pequeño menú. En este menú, selecciona la opción "Anchor link" (Enlace ancla).
  5. Define tu enlace ancla:Ahora aparecerá un nuevo campo de texto bajo el título "Anchor link" y la descripción "Relative link to this block in this page".En este campo, introduce el texto que servirá como identificador único para esta sección. Importante: El sistema automáticamente le añade el prefijo # necesario. Por ejemplo, si tu encabezado es "Generar la clave API en Mailchimp", podrías usar un ancla como #generar-clave-api-mailchimp. El ejemplo de tu imagen muestra #integracion-de-marte-con-mailchimp.
  6. Guarda los cambios:Una vez que hayas introducido el texto de tu enlace ancla, asegúrate de guardar los cambios en el bloque y luego en la página para que la configuración sea efectiva.

¿Cómo usar el enlace ancla una vez configurado?

Para dirigir a los usuarios a esta sección específica desde otra parte de tu página (o incluso desde un menú), simplemente añade el texto del ancla (incluyendo el #) al final de la URL de la página.

Ejemplo: Si la URL de tu página es https://www.martewebsitebuilder.com/guias/mailchimp y tu enlace ancla es #integracion-de-marte-con-mailchimp, el enlace completo para saltar directamente a esa sección sería:

https://www.martewebsitebuilder.com/guias/mailchimp#integracion-de-marte-con-mailchimp

\

¡Con estos pasos, tus usuarios podrán navegar por tus guías de manera mucho más eficiente!