Barra de búsqueda con IA

Descripción general

La barra de búsqueda con IA es un widget de búsqueda independiente para su sitio web. Los visitantes escriben con sus propias palabras y los resultados coincidentes aparecen bajo la barra cuando hacen una pausa: productos de su fuente de datos en tiempo real como tarjetas con imagen y precio, y páginas de su base de conocimientos con un título, una breve vista previa y un enlace. Como busca por significado y no solo por palabras clave exactas, un visitante que escribe una descripción encuentra igualmente el artículo correcto.

Usa la misma base de conocimientos que su chatbot, así que no hay nada más que indexar ni mantener. Los dos widgets son independientes: use la barra de búsqueda sola, el widget de chat solo, o ambos juntos en las mismas páginas.

Añadirla a su sitio web

La barra de búsqueda con IA requiere el plan Standard o superior. En un plan inferior la barra aparece en su sitio, pero nunca devuelve resultados, así que revise primero su plan si no ocurre nada.

Su ID de widget aparece en la página Barra de búsqueda con IA de su panel.

Lo más fácil: sustituya el cuadro de búsqueda que ya tiene

Si su sitio ya tiene una barra de búsqueda - la búsqueda de una plantilla de Shopify, un formulario de WordPress o la suya propia - no necesita colocar nada ni editar la plantilla. Añada data-replace a la etiqueta script y el widget encuentra el formulario actual, lo oculta y aparece exactamente en su lugar:

Este script puede ir en cualquier parte de la página, así que sirve cualquier plugin que añada código a la cabecera o al pie. Pulsar Enter sin elegir un resultado sigue abriendo su antigua página de resultados, así que nada de lo que sus visitantes conocen deja de funcionar. Si la detección automática elige el elemento equivocado en una plantilla poco común, pase un selector CSS en lugar de auto, por ejemplo data-replace=".header-search". Cuando nada coincide, el widget deja su página intacta.

Colocarla usted mismo

Si aún no tiene una barra de búsqueda, o la quiere en un sitio concreto, pegue ambas líneas donde deba aparecer - por ejemplo en la cabecera junto a su logotipo. La barra ocupa el ancho del elemento donde la coloque, lo que normalmente implica editar una plantilla del tema.

Si algo no funciona

• No aparece ninguna barra. Compruebe que el ID de widget del script coincide con el de la página Barra de búsqueda con IA y que el código está realmente en la página publicada, no solo en un borrador o una vista previa.
• La barra aparece pero nunca devuelve resultados. Casi siempre es el plan: la búsqueda funciona desde Standard en adelante. También es lo que ve cuando se agota su límite mensual de respuestas de IA.
• Obtiene páginas pero no productos. Los productos vienen de un Real-Time Data Feed. Conecte uno en la página Barra de búsqueda con IA y compruebe que la casilla de esa fuente está marcada.
• No obtiene nada en ninguna búsqueda. Puede que su base de conocimiento siga vacía. Rastree su sitio web o añada contenido en el panel y vuelva a intentarlo.
• data-replace no encontró su cuadro de búsqueda. Algunas plantillas esconden la búsqueda tras un botón o una ventana emergente. Pase un selector CSS del elemento que quiera en lugar de auto, y revise la página en una ventana normal del navegador, no en el editor de la plantilla.

Fuentes de búsqueda

Dos casillas en la página Barra de búsqueda con IA de su panel de control controlan qué puede usar la búsqueda: las páginas del sitio web (páginas rastreadas y URL añadidas) y su fuente de datos en tiempo real. Ambas están activadas de forma predeterminada. La fuente no se limita a productos - cualquier cosa que indexe allí, como artículos o anuncios, puede aparecer como resultado. Un cambio se aplica de inmediato en su sitio.

Los resultados de productos necesitan una fuente de datos conectada. Ambos tipos funcionan: la Fuente de datos en tiempo real en el plan Standard y superiores, y Fuente de datos en tiempo real Max en Pro. Sin una fuente, la búsqueda sigue funcionando, solo que devuelve únicamente las páginas de su sitio web, y la página del panel marca la fuente como no conectada para que sepa por qué no aparecen productos.

Análisis de búsquedas

La página Barra de búsqueda con IA de su panel de control muestra las búsquedas de los últimos 30 días: cuántas se hicieron, cuántas no encontraron nada y con qué frecuencia un visitante abrió un resultado. Dos tablas muestran sus búsquedas más frecuentes y las búsquedas sin resultados. La segunda tabla es la útil, porque le dice exactamente qué esperan los visitantes y no encuentran.

El registro está activado por defecto y puede desactivarlo con una casilla en la misma página. Con él desactivado no se almacena ningún texto de búsqueda y las tablas dejan de actualizarse, mientras que la búsqueda en sí sigue funcionando exactamente igual que antes.

Las búsquedas que usted hace en la página del panel de control nunca se cuentan. Los sitios web que usan el Modo cero retención no guardan ningún texto de búsqueda y, si define una política de retención, los datos de búsqueda se eliminan con el mismo calendario que sus conversaciones.

Cómo se ven los resultados

Dos ajustes en la página AI Search Bar de tu panel cambian el aspecto de la barra y de sus resultados. Ambos se guardan en cuanto los eliges y ninguno exige tocar el código.

Detalle del resultado de producto

Bajo el nombre de cada producto la barra puede mostrar una línea de la descripción de tu feed de datos. Que eso ayude depende por completo de lo que contenga el feed. Un feed de viajes que indica la duración del viaje y las plazas libres merece la pena mostrarlo. Un feed que contiene una lista de atributos, en cambio, se lee como un volcado de base de datos.

Así que tú eliges: solo el nombre, una línea o dos líneas. Una línea es lo predeterminado y encaja con casi todos los feeds, porque basta para distinguir dos productos parecidos sin recargar la lista. Esto afecta solo a los resultados de producto: un resultado de página siempre muestra el texto que coincidió con la búsqueda del visitante.

Tamaño de la barra

La barra tiene tres alturas: compacta de 38 píxeles para una cabecera estrecha, la predeterminada de 44 píxeles, y grande de 52 píxeles para una página construida en torno a la búsqueda. El tamaño del texto cambia con ella.

El ancho nunca lo fijamos nosotros. La barra siempre llena el elemento donde la colocas, así que controlas el ancho con tu propia maquetación. El panel de resultados se ajusta a la barra automáticamente.

Tras cambiar el tamaño, copia de nuevo tu código de inserción. El nuevo código lleva el tamaño, así la barra es correcta desde que carga la página. Si no lo vuelves a copiar, la barra igualmente se redimensiona, pero solo cuando se ejecuta la primera búsqueda.

Cuando una búsqueda no encuentra nada

Si su widget de chat está en la misma página, la barra de búsqueda ofrece pasar la pregunta a su asistente cada vez que una búsqueda no devuelve resultados. El visitante conserva su pregunta y llega al chat con ella ya escrita, así que un callejón sin salida se convierte en una conversación. Esta opción solo aparece cuando el widget de chat está presente.

Opciones

La barra de búsqueda usa automáticamente el idioma del navegador de tu visitante para el placeholder, los títulos de los resultados y el texto de carga. Defínelos solo si quieres usar tus propias palabras.

Los dos encabezados también se pueden renombrar en la página Barra de búsqueda con IA de su panel, sin tocar el código. Es el sitio más fácil si su feed contiene artículos o anuncios en lugar de productos. Un atributo en la etiqueta script sigue teniendo prioridad sobre el ajuste del panel.

Todos los atributos son opcionales y van en la etiqueta script:

• data-placeholder="Search products..." - texto que se muestra en la barra de búsqueda vacía
• data-accent="#0a7d4f" - color de foco y resaltado, para que combine con su marca
• data-max-results="8" - cuántos resultados mostrar, de 1 a 20
• data-new-tab="true" - abrir los resultados en una nueva pestaña del navegador
• data-size="sm" - altura de la barra: sm, md o lg. Prevalece sobre el tamaño fijado en tu panel
• data-label-products="Products" - encabezado sobre los resultados de la fuente, en su idioma - por ejemplo Artículos si su fuente contiene artículos
• data-label-pages="Pages" - encabezado sobre los resultados de páginas, en su idioma
• data-label-empty="No results found" - mensaje cuando nada coincide
• data-label-searching="Searching..." - texto que se muestra mientras se cargan los resultados
• data-label-ask-ai="Ask our assistant" - texto de la opción que pasa una búsqueda sin resultados a su chatbot
• data-target=".my-container" - muestra la barra dentro de este elemento en lugar del contenedor predeterminado
• data-replace="auto" - reemplaza la barra de búsqueda que su tema ya tiene, descrita arriba

Uso y facturación

Cada búsqueda que realiza un visitante consume 1 respuesta de la IA del límite mensual de su plan - el mismo límite que usan las respuestas de su chatbot. Una búsqueda se lanza cuando el visitante hace una pausa al escribir, no con cada letra. Las búsquedas que usted realiza en la página Barra de búsqueda con IA de su panel de control no cuentan. Cuando se alcanza su límite mensual, la barra de búsqueda simplemente no muestra resultados hasta que el límite se restablece.

Es bueno saber

• Los visitantes pueden buscar en cualquier idioma, incluso cuando su contenido está escrito en otro.
• Los errores de escritura y las palabras a medio escribir siguen encontrando lo correcto, así que una búsqueda de jaket encuentra sus chaquetas.
• Los precios de los productos se muestran con su símbolo de moneda, tomado de la moneda de su fuente.
• La misma página en varios idiomas aparece una sola vez - gana la versión que coincide con el idioma de búsqueda.
• Los resultados abren páginas reales de su sitio, así que la barra de búsqueda también funciona como navegación.
• El widget es un único script pequeño sin dependencias y no ralentiza su página.
• Los controles de teclado funcionan desde el primer momento: flechas para moverse, Enter para abrir, Escape para cerrar.