Búsqueda avanzada

Búsqueda en tiempo real, Estructura de resultados, Visualización Cuadro/Lista, Contenidos principales, Barra lateral, Configuración

Descripción: Añade una barra de búsqueda dinámica y estructurada en tu sitio web, permitiendo a los usuarios encontrar rápidamente contenidos específicos.

¿Para qué sirve? (Ejemplos prácticos)

Esta herramienta es esencial para mejorar la navegación y la experiencia del usuario en tu sitio o en tu área privada.

  • Acelerar la búsqueda: Permite a los usuarios visualizar los resultados en tiempo real, mientras escriben, sin tener que cargar una nueva página.
  • Organizar los contenidos: Estructura los resultados de búsqueda en secciones claras (principal y barra lateral) según el tipo de contenido (ej. Páginas, Productos, Artículos del Blog).
  • Mejorar la accesibilidad: Proporciona un punto de acceso rápido e intuitivo a toda la información del sistema.

Funcionalidades principales

La barra de búsqueda avanzada ofrece una serie de funcionalidades pensadas para la máxima eficiencia:

  • Búsqueda en tiempo real (Live Search): Los resultados se muestran inmediatamente debajo de la barra de búsqueda tan pronto como el usuario comienza a escribir.
  • Estructura personalizada de los resultados: Es posible definir qué categorías de contenido deben aparecer en el área principal y cuáles en la barra lateral.
  • Visualización en pestañas (Box): Los resultados en el área principal pueden mostrarse en formato de pestañas, que incluye una imagen previa, el título y detalles adicionales.
  • Visualización en lista (List): Los resultados en la barra lateral se muestran como enlaces simples, a menudo con una ruta de navegación (breadcrumb) para contextualizar la ubicación del contenido.
  • Botón de cierre rápido: Un icono dedicado permite cerrar el panel de resultados y borrar el texto de búsqueda con un solo clic.

Cómo se configura

La barra de búsqueda avanzada se añade al sitio mediante el Visual Builder. Una vez insertado el elemento, es posible configurarlo mediante las opciones del panel.

Opciones de configuración

ConfiguraciónDescripción
TemaPermite seleccionar el aspecto gráfico (colores, estilos) de la barra de búsqueda y del panel de resultados.
Contenido principalDefine el tipo de contenido que se mostrará en el área central y más visible del panel de resultados. Es obligatorio seleccionar al menos un tipo de contenido.
Barra lateralPermite seleccionar uno o más tipos de contenido para mostrar en una columna separada (barra lateral). Esto es útil para ofrecer resultados secundarios o relacionados.

Ejemplo de configuración:

  • Contenido principal: Productos (mostrados con imágenes y detalles).
  • Barra lateral: Páginas, Artículos del Blog (mostrados como enlaces simples).

Integraciones automáticas

Integración en Visual Builder

El módulo "Ricerca avanzata" está disponible como bloque en Visual Builder. Esto permite colocar la barra de búsqueda en cualquier punto de tu sitio web (header, footer, páginas específicas) y gestionar su apariencia gráfica de forma intuitiva.

Búsqueda unificada

Esta herramienta aprovecha el motor central de búsqueda del sistema. Cualquier tipo de contenido que haya sido hecho buscable dentro del sistema (ej. productos, páginas, documentos, usuarios) estará disponible para selección y visualización dentro del panel de búsqueda avanzada.

Diferencias clave

La "Ricerca avanzata" se distingue de la búsqueda estándar porque no redirige al usuario a una página separada con resultados, sino que muestra los resultados en un panel dinámico que se superpone a la página actual. Usa esta herramienta cuando desees ofrecer una experiencia rápida y contextualizada de búsqueda.