Búsqueda Conversacional
El widget soporta un modo de búsqueda conversacional que mantiene contexto entre búsquedas sucesivas, permitiendo refinar resultados de forma natural.
Activación
La búsqueda conversacional requiere activar el asistente IA:
NeuroonWidget.init({
container: '#neuroon-search',
token: 'YOUR_TOKEN',
features: {
aiAssistant: true, // Activa el modo conversacional
},
});
El asistente IA está disponible en planes Growth y superiores.
Cómo Funciona
Contexto de Sesión
El widget mantiene un historial de la conversación durante la sesión:
Usuario: "zapatillas para correr"
→ Resultados: zapatillas deportivas
Usuario: "que sean de Nike"
→ Contexto: zapatillas + Nike
→ Resultados: zapatillas Nike running
Usuario: "más baratas de 100€"
→ Contexto: zapatillas + Nike + precio < 100€
→ Resultados refinados
Refinamiento Natural
El asistente entiende referencias contextuales:
- Pronombres: "¿las hay en rojo?" → Referencia a los productos mostrados
- Comparativas: "más baratas" → Refina el filtro de precio
- Especificaciones: "de Nike" → Añade filtro de marca
Interfaz de Chat
El chat conversacional se presenta como un panel integrado en el widget:
- Aparece al hacer clic en el icono de chat
- Muestra el historial de la conversación
- Permite escribir mensajes naturales
- Muestra indicador de "pensando" mientras procesa
Características de la Interfaz
| Elemento | Descripción |
|---|---|
| Historial | Últimas 5 interacciones para contexto |
| Indicador | Muestra cuando el asistente está procesando |
| Sugerencias | Chips con queries refinadas sugeridas |
| Productos | Resultados inline dentro del chat |
Filtros Inferidos
El asistente analiza las consultas y extrae filtros automáticamente:
| Consulta | Filtros inferidos |
|---|---|
| "zapatillas Nike baratas" | Marca: Nike, Precio: económico |
| "portátil para gaming" | Categoría: gaming |
| "vestido rojo talla M" | Color: rojo, Talla: M |
| "menos de 50 euros" | Precio máximo: 50€ |
Indicador de Confianza
Cada respuesta incluye un nivel de confianza visual:
| Rango | Visual | Significado |
|---|---|---|
| 90-100% | Verde | Interpretación clara |
| 70-89% | Amarillo | Buena inferencia |
| 50-69% | Naranja | Podría necesitar confirmación |
| <50% | Gris | Consulta ambigua |
Cuando la confianza es alta, los filtros se aplican automáticamente. Con confianza baja, el asistente pregunta para clarificar.
Persistencia de Sesión
El historial se guarda automáticamente en localStorage:
- Se restaura al recargar la página
- Expira después de 7 días sin actividad
- Se limpia al cerrar sesión o manualmente
- Contexto: Últimas 5 interacciones para búsquedas
- Historial guardado: Hasta 20 turnos en localStorage
Personalización
Traducciones
NeuroonWidget.init({
translations: {
chat: {
placeholder: '¿Qué estás buscando?',
send: 'Enviar',
thinking: 'Pensando...',
newConversation: 'Nueva conversación',
suggestions: 'Sugerencias',
},
},
});
Estilos
.neuroon-widget {
/* Panel de chat */
--nrn-chat-bg: 30 41 59;
--nrn-chat-user-bg: 59 130 246;
--nrn-chat-assistant-bg: 51 65 85;
}
Buenas Prácticas
- Contexto limitado: El historial se limita a 5 interacciones para mantener relevancia
- Indicadores visuales: Muestra cuando el asistente está "pensando"
- Fallback: Si no entiende, ofrece filtros manuales
Próximos Pasos
- Asistente IA - Más sobre filtros guiados
- Callbacks - Responder a eventos del widget