Menú de navegación
Cómo personalizar el menú de navegación de tu sitio web de Madra.
El menú de navegación es uno de los elementos más importantes de tu sitio web. Ayuda a los visitantes a orientarse rápidamente entre tus páginas e influye directamente en la experiencia de usuario. Madra crea tu menú de navegación automáticamente cuando se genera tu sitio, pero puedes personalizarlo en cualquier momento mediante una solicitud de cambio.
¿Cómo funciona el menú de navegación?
El menú de navegación de tu sitio web se encuentra en la cabecera, en la parte superior de cada página. Contiene enlaces a tus páginas principales y es visible tanto en ordenadores como en dispositivos móviles.
El menú normalmente incluye:
- Tu logo. Situado a la izquierda, siempre enlaza de vuelta a la página de inicio.
- Enlaces de páginas. Enlaces de texto horizontales en la zona central o derecha de la cabecera (por ejemplo: Inicio, Sobre nosotros, Servicios, Contacto).
- Botón CTA (opcional). Un botón destacado en el extremo derecho, como «Pedir presupuesto» o «Llámanos».
El menú es coherente en todas las páginas. Cambiarlo una vez lo actualiza en todo tu sitio.
¿Cómo reordeno los enlaces del menú?
Para cambiar el orden en el que aparecen las páginas en tu menú de navegación:
- Inicia sesión en tu panel.
- Ve a Solicitudes de cambio.
- Haz clic en Nueva solicitud.
- Indica el orden que quieres para los elementos de tu menú. Por ejemplo: «Me gustaría que el orden del menú fuera: Inicio, Servicios, Sobre nosotros, Galería, Contacto».
- Haz clic en Enviar.
Nuestro equipo actualizará el orden del menú y aplicará el cambio en todas las páginas de tu sitio.
¿Puedo añadir enlaces externos al menú?
Sí, puedes añadir enlaces a sitios web o recursos externos en tu menú de navegación. Algunos casos de uso habituales incluyen:
- Un enlace a tu plataforma de reservas online (p. ej., Doctolib, Calendly)
- Un enlace a tu tienda online en una plataforma aparte
- Un enlace a tus perfiles de redes sociales o a tu página de opiniones
Para añadir un enlace externo, envía una solicitud de cambio e indica:
- La etiqueta que quieres que se muestre en el menú (p. ej., «Reservar ahora»)
- La URL completa (p. ej., https://calendly.com/tu-negocio)
- Si el enlace debe abrirse en una pestaña nueva (recomendado para enlaces externos)
¿Cómo funciona el menú en móvil?
En dispositivos móviles y pantallas pequeñas, el menú de navegación se adapta automáticamente a un formato responsive. En lugar de una barra horizontal, los visitantes ven un icono de hamburguesa (tres líneas horizontales) en la esquina superior de la pantalla.
Cuando un visitante toca el icono de hamburguesa, el menú se abre como un panel a pantalla completa o desplegable que muestra todos tus enlaces de navegación en vertical. Este comportamiento está integrado en todos los sitios web de Madra y no requiere ninguna configuración por tu parte.
El menú móvil incluye:
- Todos los mismos enlaces que el menú de escritorio, en el mismo orden
- Tu logo en la parte superior
- El botón CTA, si hay uno configurado
- Un botón de cierre para descartar el menú
¿Cómo añado o cambio el botón CTA?
Un botón de llamada a la acción (CTA) es un botón destacado y llamativo en tu barra de navegación, diseñado para dirigir a los visitantes hacia una acción concreta. Las etiquetas de botón CTA más habituales incluyen:
- «Pedir presupuesto gratis»
- «Reservar una cita»
- «Contáctanos»
- «Llamar ahora»
- «Pedir online»
Para añadir o cambiar un botón CTA en tu menú, envía una solicitud de cambio con los siguientes datos:
- Texto del botón. La etiqueta que se muestra en el botón.
- Destino. A dónde debe enlazar el botón (una página de tu sitio, un número de teléfono, una dirección de correo electrónico o una URL externa).
- Preferencia de estilo (opcional). Si quieres un color o estilo concreto, menciónalo. Si no, nuestro equipo lo adaptará al diseño actual de tu sitio.
El botón CTA aparece tanto en la versión de escritorio como en la móvil de tu sitio. Tiene un estilo distinto al de los enlaces normales del menú para destacar visualmente.