List view
Understanding Nobi
Understanding Nobi
Getting Started
Getting Started
Implementing Nobi On Your Site
Implementing Nobi On Your Site
Ecommerce Merchandising
Ecommerce Merchandising
Reporting & Analytics
Reporting & Analytics
Beta Products
Beta Products
Developers Guide
Developers Guide
References
References
Capture Bouncers From Search Results Page
When customers get poor search results, they often leave your site. This is especially common with zero-result searches or irrelevant results from keyword matching. Adding AI search to your search results page gives frustrated customers a second chance to find what they're looking for.
The Problem
Traditional keyword search fails customers in common scenarios:
- Zero results - Customer searches "waterproof hiking boots" but your products are tagged "water-resistant trail shoes"
- Too many results - Customer searches "dress" and gets 500 results with no clear starting point
- Wrong results - Customer searches "gifts for mom" but gets literal products with "mom" in the title
- Misspellings - Customer searches "runing shoes" and gets zero results instead of running shoes
When this happens, customers either leave your site or waste time trying different keywords. Both outcomes hurt conversions.
The Solution
Add an AI search option directly on your search results page. When customers land on a page with poor results, they see an immediate alternative.
Nobi automatically detects what the customer searched for and offers to re-run the query using semantic search. Instead of struggling with different keywords, customers can describe what they want naturally.
How It Works
Automatic Query Detection
The search bar reads the customer's original query from the URL and uses it as context:
/search?q=waterproof+boots
/products?query=summer+dresses
/search?term=coffee+maker
Nobi extracts the query ("waterproof boots," "summer dresses," "coffee maker") and:
- Generates a relevant placeholder like "Looking for waterproof boots? Try AI search..."
- Pre-fills the chat if the customer clicks, so they don't have to retype
- Uses semantic understanding to find relevant products even if keywords don't match
Example:
Installation
Somewhere prominent on the Search Results Page (we recommend at the top of the results), add the below:
<!-- This will generate a dynamic placeholder relevant to the search query and will also trigger using search mode if the shopper sends a message --> <nobi-search-bar default-mode="ai" auto-detect-page-context="true" search-query="sale items"> </nobi-search-bar>
When
auto-detect-page-context="true" is set, the search bar automatically detects URLs with search parameters. Supported parameters:q
query
search
term
Examples:
/search?q=shoes
/products?query=dresses
Configuration
See the Dual Mode Search Bar Component page for details on how to configure this feature to your liking.