Configurar la barra de navegación, el banner superior y el pie de página

La Barra de navegación (Navbar), el Banner superior y el Pie de página (Footer) son las tres piezas globales que enmarcan tu sitio web.

Cómo funcionan las piezas globales del sitio

En el panel Capas verás que el Menú del sitio, el Banner y el Pie del sitio aparecen agrupados bajo Todas las páginas:

Se sincronizan solos: cualquier cambio que hagas en el menú o en el pie mientras estás en la página de Inicio se aplica automáticamente a todas las demás páginas del sitio.
Ocultar en una página concreta: si estás armando una landing page y no quieres que se vea el menú o el pie en esa página específica, abre sus opciones en Capas y elige Ocultar sólo en esta página (en lugar de Eliminar de todas las páginas).

Editar los enlaces del menú de navegación, menús desplegables, mega menús y el menú móvil

Al seleccionar la Barra de navegación y abrir su pestaña Navbar (o Más opciones del menú… en la barra contextual), puedes elegir cómo se gestionan sus enlaces:

Automático (Se actualiza solo): el menú se arma automáticamente con las páginas publicadas de tu sitio y las secciones activas de tu catálogo. Si creas, renombras o borras una página, el menú se actualiza sin que tengas que tocarlo.
Manual (Lo controlas tú): te permite agregar, reordenar, renombrar o quitar elementos a tu gusto, incluyendo:
- Enlaces simples a páginas, anclas o URLs externas.
- Menú desplegable (Dropdown): agrupa varios subenlaces bajo un mismo título al pasar el ratón o hacer clic.
- Mega menú: despliega un panel amplio donde puedes diseñar columnas, enlaces destacados, imágenes o tarjetas.

Para ver y editar cómo queda el menú desplegado en teléfonos o tablets, cambia la vista superior a Celular y pulsa Abrir menú para editar en la barra contextual de la navegación.

Activar o personalizar el botón de acción (CTA), el buscador y el icono del carrito en la barra

En el extremo derecho de la barra de navegación puedes mostrar u ocultar tres herramientas clave:

Botón de acción (CTA): el botón principal de tu cabecera (por ejemplo, Reservar cita o Contacto). Puedes cambiar su texto, su enlace y su estilo de botón.
Buscador: muestra la lupa de búsqueda para que tus visitantes encuentren páginas, ofertas o entradas del blog al instante.
Carrito: cuando tienes activada la opción Usar carrito en Configuración → Configuración del sitio, aparece automáticamente el icono de la bolsa de compras con el contador de artículos.

Configurar el comportamiento de la barra (fija al hacer scroll, transparente, separadores)

Desde los ajustes de la Barra de navegación y desde Marca → Estilos → Secciones → Barra de navegación puedes definir cómo se comporta la cabecera al recorrer la página:

Fija al bajar (Sticky): mantiene la barra siempre visible en la parte superior mientras el visitante hace scroll.
Fondo y transparencia: usa el color de fondo del tema, un efecto de vidrio desenfocado (Blur) o déjala transparente sobre la portada.
Separación y separadores entre enlaces: elige cómo se divide la barra del contenido (Sin separación, Línea fina, Línea de tinta, Línea gruesa, Barra tintada) y si quieres mostrar un separador entre los enlaces del menú (Ninguno, Línea, Punto o Barra).

Encima de la barra de navegación puedes activar el Banner del sitio (desde Capas → Agregar banner). Al seleccionarlo, su panel Banner se divide en tres pestañas:

Mensaje: escribe el aviso o promoción (por ejemplo, «Envío gratis en pedidos de más de $50»), añade un Icono acompañante y un Enlace opcional (Ver más).
Extras:
- Código de descuento: escribe un cupón (por ejemplo, AHORRA20) para que aparezca como una pastilla que el visitante copia al portapapeles con un solo clic.
- Teléfono / WhatsApp: añade tu número y elige qué pasa Al tocarlo (Llamar o abrir WhatsApp).
- Redes sociales: muestra los iconos directos a tus perfiles sociales.
Visibilidad:
- Fondo y Alineación: elige el fondo (Como el pie, Color de marca o Suave) y si el contenido va Centrado o A los lados.
- Botón de cerrar: permite que quien cierre el aviso no lo vuelva a ver hasta que cambies la promoción.
- Programación por fechas (Desde / Hasta): programa qué día empieza a verse el banner y cuándo se apaga solo, sin que tengas que entrar a quitarlo cuando termine tu campaña.
- Dónde se muestra: en todas las páginas o Sólo en esta página.

Editar el Pie de página (`Footer`): columnas, logo, redes sociales, aviso de copyright con año dinámico y enlaces automáticos a tus políticas legales

Selecciona el Pie de página al final del lienzo y abre su pestaña Footer para configurar:

Logo y descripción: usa el mismo logo de la barra superior (o uno propio para el pie) acompañado del eslogan o resumen de tu negocio.
Columnas de enlaces y contacto: al igual que el menú, el pie puede llenarse solo con tus páginas, tu catálogo y los datos de contacto y redes sociales que registraste en tu negocio, o puedes editar cada columna manualmente.
Franja legal y políticas automáticas:
- Copyright dinámico: utiliza {year} junto al nombre de tu empresa (© 2026 Tu empresa. Todos los derechos reservados.) para que el año se actualice automáticamente cada 1 de enero.
- Enlaces legales: enlaza automáticamente los documentos que hayas activado y publicado en Configuración → Políticas (Términos y condiciones, Política de privacidad, Reembolsos, Cancelaciones, Envíos y Aviso legal).