Configurar la barra de navegación y el footer
En este artículo te mostraremos cómo editar la barra de navegación y el footer de tu tienda: los enlaces del menú, el inicio de sesión, los íconos de redes sociales y el botón de arrepentimiento.
Para conocer el funcionamiento general, consulta Tienda basada en bloques.
DÓNDE SE CONFIGURAN
La barra de navegación y el footer son bloques fijos: tienen su propio editor y se comparten en todas las páginas de la tienda.
1. Ve a Panel de Control > Ajustes > Interfaz > Apariencia.
2. Haz clic en Editar en la fila Barra de navegación o en la fila Pie de página.
Ten en cuenta estas reglas:
| Regla | Detalle |
|---|---|
| Se aplican a todas las páginas | Cada editor te avisa de que los cambios se aplican a todas las páginas de la tienda. Una página personalizada muestra la misma barra y footer. |
| Posición | La barra de navegación siempre va primero en la página y el footer siempre va último. |
| Visibilidad | No se pueden ocultar en la Home. Solo en una página personalizada puedes ocultarlos o mostrarlos con el ícono de ojo. |
| Una sola barra y un solo footer | No es posible tener una barra o un footer distintos por página. |
CUÁNDO LLEGAN LOS CAMBIOS A TUS VISITANTES
Los cambios en la barra de navegación y en el footer se guardan en el borrador de la Home y llegan a tus visitantes cuando publicas la Home con Publicar. Si cambiaste de idea, puedes usar Revertir a la versión publicada. Para ver los pasos, consulta Editar y publicar una página en Apariencia.
La única excepción es el botón de arrepentimiento, que se guarda de inmediato (más abajo te explicamos cómo funciona).
BARRA DE NAVEGACIÓN
Elegir el tipo de menú
El ajuste Menú de navegación define cómo se arman los enlaces de la barra. Tienes dos opciones:
| Filtros automáticos | Menú personalizado | |
|---|---|---|
| Qué ven tus visitantes | Desplegables con filtros del catálogo (por ejemplo, géneros o años) | Los grupos y enlaces que tú armas |
| Quién define el contenido | Publica.la, a partir del catálogo de tu tienda | Tú |
| Qué controlas | Qué filtros se muestran, su orden y sus nombres | Todo: enlaces, grupos, textos y orden |
| A dónde apuntan | A la vista del catálogo filtrada | A cualquier dirección que escribas |
| Contenido nuevo | Los filtros nuevos llegan desactivados | No se agrega nada de forma automática |
Opción 1: Filtros automáticos
Elige esta opción para elegir qué filtros del catálogo aparecen en la barra, reordenarlos y renombrarlos.
1. En Menú de navegación, selecciona Filtros automáticos.
2. Usa el interruptor de cada fila para mostrar u ocultar el filtro.
3. Arrastra el control de cada fila para cambiar el orden.
4. Haz clic en el nombre de un filtro para renombrarlo. Presiona Enter para guardar el nombre o Esc para cancelar.
5. Si tienes más de un filtro, el interruptor Habilitar todos los activa de una vez.
Algunos detalles que conviene saber:
- Los filtros disponibles son los filtros del catálogo que tienes habilitados. Las palabras clave, las colecciones y las materias BISAC no están disponibles.
- Cuando el catálogo gana un filtro nuevo, aparece en la lista desactivado. Tú decides cuándo activarlo.
- Un filtro sin elementos no se muestra a los visitantes, aunque esté activado.
- Cada desplegable muestra hasta 300 elementos.
- Al elegir un elemento, el visitante ve el catálogo filtrado por ese valor.
- En una tienda nueva y sin filtros verás el mensaje "Todavía no hay filtros de catálogo disponibles". Los filtros aparecen a medida que el catálogo suma géneros, años y otros metadatos.
Opción 2: Menú personalizado
Elige esta opción para armar tú mismo los enlaces de la barra, agrupándolos en desplegables o como enlaces sueltos.
1. En Menú de navegación, selecciona Menú personalizado.
2. Haz clic en Agregar y elige Enlace o Grupo.
3. Si agregas un enlace suelto, completa su título y su URL.
4. Si agregas un grupo, completa su título y, dentro del grupo, haz clic en Agregar enlace para sumar cada enlace hijo con su Texto del enlace y su URL.
5. Reordena los grupos y los enlaces sueltos del primer nivel arrastrándolos.
Algunos detalles que conviene saber:
- El menú tiene un solo nivel de anidación: un grupo contiene enlaces, pero no puede contener otro grupo.
- La URL es texto libre y el editor no verifica su formato. Escribe la dirección completa, por ejemplo con
https://al inicio. - Un grupo vacío se queda en el editor, pero tus visitantes no lo ven. Agrega al menos un enlace.
- El editor no impone un límite de grupos ni de enlaces.
💡 Para que un enlace apunte a un filtro, abre el catálogo de tu tienda, aplica el filtro, copia la dirección del navegador y pégala como URL del enlace en un Menú personalizado.
⚠️ Esta opción aplica a la tienda basada en bloques. Si tu tienda todavía usa el editor anterior, consulta Construir un menú en el navbar de la tienda.
Inicio de sesión externo
La sección Login externo envía a tus visitantes a tu propia página de inicio de sesión en lugar de la de la tienda. Cuando está configurada, aparece una insignia verde Activo.
| Campo | Qué acepta | Límite |
|---|---|---|
| Dirección de inicio de sesión | Una dirección web completa, como https://cuentas.ejemplo.com/ingresar. Debe empezar con http:// o https://. | 2048 caracteres |
| Texto del botón | La etiqueta del botón de inicio de sesión. La etiqueta por defecto se muestra como texto de ayuda. | 40 caracteres |
- Texto del botón está deshabilitado hasta que exista una dirección. Si borras la dirección, también se borra la etiqueta.
- Si la dirección no es válida, el editor muestra un aviso y nunca guarda el valor inválido: se mantiene la última dirección válida.
- Si tu tienda usa inicio de sesión único (SSO), el editor muestra esa dirección en solo lectura. La dirección del SSO tiene prioridad sobre cualquier valor de esta sección.
Qué ven tus visitantes en la barra
Algunos elementos dependen del visitante o de la configuración de la tienda, y no se controlan desde este editor.
| Elemento | Qué ven los visitantes | Cuándo se muestra |
|---|---|---|
| Logo | El logo de la tienda. Si no hay logo, el nombre de la tienda como texto. Enlaza a la home. | Siempre. En este editor no hay ajuste de logo: viene del ajuste de logo de la tienda, que se configura en otro lugar. |
| Buscador | Un campo de búsqueda con el texto "Autor, título, palabra clave". | Cuando la tienda tiene la búsqueda habilitada. Se oculta a los visitantes sin sesión si la landing de la tienda está habilitada, y a los clientes que aún deben aceptar los términos. |
| Suscribirse | Un botón a la página de suscripción, o a la dirección de compra personalizada de la tienda. | Solo para clientes con sesión iniciada que pueden acceder a suscripciones. |
| Carrito | Un ícono de carrito con un contador rojo. | Solo cuando la tienda puede vender con carrito: la venta está activa, ninguna integración de ventas lo reemplaza y hay productos o planes para vender. |
| Botón de menú o filtros | Un botón que abre el menú en pantallas pequeñas. | Solo en pantallas pequeñas. |
| Menú de la cuenta | Un menú con el avatar del cliente. | Clientes con sesión iniciada. |
| Iniciar sesión | Un botón de acceso. | Visitantes sin sesión iniciada. |
El botón Iniciar sesión abre una ventana de acceso en la tienda. Lleva a otra página cuando la tienda usa una dirección de inicio de sesión externa, SSO o la página de acceso anterior. Los clientes que deben aceptar los términos solo ven el logo y Cerrar sesión.
FOOTER
El editor del footer te permite elegir qué redes sociales se muestran como íconos y configurar el botón de arrepentimiento.
Redes sociales
Cada red es una fila con su ícono, su nombre y un botón Agregar.
1. En el editor de Pie de página, haz clic en Agregar junto a la red que quieras mostrar.
2. Escribe el enlace en el campo que se abre.
3. Para quitar una red, haz clic en el botón para eliminar su enlace.
Tus visitantes ven un ícono por cada red que tenga un enlace. Hay seis redes siempre visibles y ocho más dentro de Otras redes:
| Grupo | Redes |
|---|---|
| Siempre visibles | Facebook, Instagram, X, TikTok, YouTube, WhatsApp |
| Dentro de Otras redes | Threads, Telegram, LinkedIn, Pinterest, Tumblr, WeChat, Substack, Medium |
Qué acepta cada campo:
| Redes | Qué puedes escribir |
|---|---|
| La mayoría | Una dirección completa, o un usuario con o sin "@". Se arma la dirección del perfil. |
| LinkedIn y WeChat | Solo una dirección completa. |
| Un número de teléfono con código de país, o una dirección wa.me. |
- Solo se aceptan enlaces que empiecen con
http://ohttps://. - Si el valor no es válido, el editor te avisa de que el enlace debe ser una URL o un usuario válido.
- Al activar la tienda basada en bloques, tus redes sociales existentes se mantienen.
- Una vez activada, los campos de redes sociales de los ajustes de Marketing del editor anterior se ocultan.
Enlaces legales y otros elementos fijos
Estas partes siempre las muestra el footer y no se editan desde su editor:
| Elemento | Detalle |
|---|---|
| Banner de la app | Promociona la app con insignias de tiendas de Android, iOS y escritorio. Se oculta si la tienda tiene app propia con datos incompletos. |
| Línea de copyright | El año, el título SEO de la tienda enlazado al sitio principal y "Todos los derechos reservados". Para cambiar el título, edita el título SEO de la tienda en Ajustes > Marketing. |
| Términos y Condiciones | Siempre. |
| Política de Privacidad | Siempre. |
| Botón de arrepentimiento | Solo si lo activas. |
| Ebooks Depository | Solo si la tienda tiene uno. |
| Consentimiento de cookies | Solo si la tienda tiene esa función activada. |
| "Desarrollado por publica.la" | Siempre. No se puede quitar. |
Botón de arrepentimiento
El botón de arrepentimiento es un enlace del footer que permite a tus clientes pedir la cancelación de una compra. En el editor aparece como un acordeón llamado Botón de arrepentimiento.
1. En el editor de Pie de página, abre el acordeón Botón de arrepentimiento.
2. Verifica que la tienda tenga un email de soporte o una Página de revocación. Sin alguno de los dos, el interruptor está deshabilitado y verás un enlace Agregar un email de soporte que lleva a Ajustes > Básicos.
3. Si las solicitudes deben ir a otra página, completa la Página de revocación. Debe empezar con http:// o https:// y tener hasta 255 caracteres.
4. Activa el interruptor Mostrar en la tienda.
Ten en cuenta:
- Por defecto está desactivado en todas las tiendas. Cualquier tienda puede activarlo.
- Se guarda de inmediato, sin pasar por borrador y publicación.
- Tus visitantes lo ven cuando la tienda ya está en vivo con la tienda basada en bloques, es decir, cuando la Home está publicada.
Qué pasa cuando un visitante hace clic:
| Situación | Resultado |
|---|---|
| Hay una Página de revocación | La página se abre en una pestaña nueva. |
| No hay página y el cliente tiene sesión iniciada con email válido | Se abre la ventana de contacto con el asunto "Cancelación de compra (botón de arrepentimiento)" ya elegido. |
| No hay página y el visitante no tiene sesión iniciada | Primero lo lleva a la página de inicio de sesión. |
⚠️ El texto de ayuda del interruptor indica que el botón es obligatorio en Argentina por la Resolución 424/2020. Publica.la no lo activa automáticamente en las tiendas argentinas: si vendes en Argentina, tienes que activarlo tú.
PREGUNTAS FRECUENTES
¿Puedo cambiar los colores del footer? Sí, desde el tema de la tienda. En el editor del tema, el color de Encabezado y pie de página define la barra, el footer y las franjas de color. Consulta Personalizar el tema de la tienda. En los editores de la barra y del footer no hay ajustes de color.
¿De dónde sale el logo de la barra? Del ajuste de logo de la tienda, no del editor de la barra. Si la tienda no tiene logo, la barra muestra el nombre de la tienda.
¿Por qué no aparece un filtro en la barra? Porque está desactivado en la lista (los filtros nuevos llegan desactivados) o porque no tiene elementos.
¿Por qué no se ve un grupo del menú? Porque no tiene enlaces. Agrega al menos uno.
¿Por qué un visitante no ve el botón Suscribirse? Solo se muestra a clientes con sesión iniciada que pueden acceder a suscripciones.
¿Puedo ocultar "Desarrollado por publica.la"? No, siempre se muestra en el footer.
¿Por qué mi tienda no muestra el botón de arrepentimiento? Revisa que el interruptor esté activado, que la tienda tenga un email de soporte o una Página de revocación, y que la Home esté publicada.
¿Puede cada página tener una barra distinta? No. Todas las páginas comparten una barra y un footer. En una página personalizada solo puedes ocultarlos o mostrarlos. Consulta Crear páginas personalizadas y configurar su SEO.
ARTÍCULOS RELACIONADOS
- Tienda basada en bloques
- Editar y publicar una página en Apariencia
- Agregar estanterías y HTML embebido
- Personalizar el tema de la tienda
- Crear páginas personalizadas y configurar su SEO
- Agregar un pop-up y un aviso en la página de producto
Esperamos que este tutorial te haya resultado sencillo. Si tienes consultas escríbenos a [email protected].