Menú de navegación

El menú de navegación es la fila de enlaces en la parte superior de cada página de tu sitio público. Lo construyes en Website Builder → Settings → Navigation. Los mismos elementos aparecen en la barra de encabezado en escritorio y dentro del cajón de hamburguesa en móvil — no mantienes dos menús.

Cómo funcionan los elementos

Cada fila es un enlace. Le das una etiqueta (lo que los visitantes ven), eliges un tipo de enlace (a dónde va) y opcionalmente marcas "open in new tab". Arrastra el agarrador de la izquierda para reordenar — el orden en el editor es el orden en el menú.

No hay brecha entre guardar y publicar aquí: los cambios salen en vivo el momento en que haces clic en Save navigation abajo. Si tu sitio está publicado, los visitantes ven el nuevo menú en la próxima carga de página.

TIP

No trates de meter todo. Cinco a siete elementos de nivel superior es el punto dulce para la mayoría de sitios de iglesia. Empuja los destinos secundarios (Give, Contact, enlaces sociales) al pie de página o a un botón CTA en lugar del menú principal.

Tipos de enlace

El dropdown junto a cada etiqueta tiene tres opciones.

Page link

Elige desde un dropdown de tus páginas del sitio publicadas. Esta es la elección correcta para cualquier cosa que construiste en la pestaña Pages — About, Ministries, Contact, What We Believe, etc.

Algunas cosas para saber:

• El dropdown solo muestra páginas publicadas. Los borradores no aparecen — enlázalos después de publicar.
• Si eliminas la página después, el elemento del menú se queda pero el enlace devuelve 404. O quita el elemento del menú o reapúntalo.
• El título de la página y la etiqueta del menú están separados — puedes llamar una página "What We Believe" en la página misma pero usar "Beliefs" como etiqueta del menú para ahorrar espacio.

Special page

Una pequeña lista fija de rutas que existen en cada sitio automáticamente porque están alimentadas por datos, no creadas por el usuario:

• /blog — el índice del blog.
• /sermons — el índice de sermones.
• /visitor — el formulario de visitante.
• /give — el formulario de donación.

Estas no son páginas que puedas editar en la pestaña Pages — son superficies de los datos que publicas en la pestaña Content y en el resto de GCM. El tipo de enlace special-page solo las agrega a tu menú.

Custom URL

Un campo de texto libre para cualquier otra cosa. Tres usos comunes:

• URLs externas — https://youtube.com/@yourchurch, https://podcasts.apple.com/.... El editor muestra una insignia "external" cuando detecta http:// o https://. Los enlaces externos por defecto se abren en la misma pestaña a menos que marques "open in new tab" — para destinos externos, casi siempre quieres la opción de nueva pestaña encendida.
• Anclas internas — #service-times para saltar a un ID de sección en la página actual. Útil para sitios estilo página única.
• Rutas internas — /contact si prefieres hardcodear la ruta en lugar de elegir desde el dropdown (raro, pero a veces útil al migrar).

El editor valida que algo esté lleno — si el campo está vacío, verás una advertencia roja Invalid link y no podrás guardar hasta que lo arregles.

Reordenar

Toma el agarrador de la izquierda de cualquier fila y arrastra arriba o abajo. La lista se reordena al instante. El orden se persiste a sort_order en cada elemento, así que se queda entre recargas. No hay un campo "sort order" separado que gestionar manualmente.

El orden en este editor es el orden que los visitantes ven en el menú, de arriba a abajo en móvil y de izquierda a derecha en escritorio.

Abrir en nueva pestaña

Marca la casilla "open in new tab" para cualquier enlace donde no quieras que los visitantes salgan de tu sitio. La casilla solo aparece para los tipos de enlace Special y Custom — los Page links siempre se abren en la misma pestaña porque permanecen en tu sitio.

Quitar un elemento

Haz clic en la X del lado derecho de la fila. El elemento desaparece del editor inmediatamente y se remueve de la base de datos cuando haces clic en Save navigation.

WARNING

Si quitas un elemento del menú antes de guardar, el cambio no se persiste. Lo mismo para reagregar — las adiciones no se guardan hasta que haces clic en Save navigation.

Dropdowns (menús anidados)

El editor actual es una lista plana — cada elemento es un enlace de nivel superior, sin subelementos anidados. Los menús dropdown están en la hoja de ruta. Por ahora, el patrón que funciona es:

• Usa una sola página de aterrizaje (/ministries) y enlaza a esa.
• En la página de aterrizaje, pon un bloque Grid o Columns con tarjetas enlazando a las páginas hijas (/ministries/youth, /ministries/worship).
• Mantén la navegación superior limpia.

Eso refleja cómo la mayoría de los sitios de iglesia están estructurados de todos modos — los visitantes no pasan el cursor sobre los dropdowns de manera confiable, especialmente en teléfonos.

Menú móvil

En pantallas debajo de ~768px, el encabezado colapsa en un icono de hamburguesa. Tocarlo desliza un cajón de altura completa con los mismos elementos en el mismo orden. No hay nada que configurar por separado — el comportamiento móvil es automático.

Algunas cosas para saber sobre el cajón móvil:

• Tocar un enlace cierra el cajón y navega.
• Tocar fuera del cajón (o la X de cerrar) lo descarta sin navegar.
• El cajón respeta los colores de tu tema — fondo, texto, color de enlace todos se trasladan.

Si tu menú tiene más de 8 elementos, el cajón hace scroll. Tampoco hay agrupación anidada en el cajón — es la misma lista plana que en escritorio.

Enlaces del pie de página

El pie de página tiene su propia lista de enlaces, configurada en Settings → Header & Footer, no aquí. El pie de página es el lugar correcto para enlaces secundarios — política de privacidad, términos, portal del donante, "volver arriba". La navegación principal debe quedarse enfocada en los destinos que impulsan el compromiso.

Consulta también: Crear una página, Publicación + borradores, Catálogo de bloques.