Capture Bouncers From Search Results Page

List view
Understanding Nobi
Getting Started
Implementing Nobi
Knowledge Base
Merchandising
Reporting
Custom Actions
Query Overrides
Plans And Billing
Developers Guide
Beta Products
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, irrelevant product results, or site-search results that fail to surface useful pages. Adding AI search to your search results page gives frustrated customers a second chance to find what they are 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 that can search products, relevant website pages, or both.
Nobi automatically detects what the customer searched for and offers to re-run the query using AI search. Instead of struggling with different keywords, customers can describe what they want naturally, and Nobi can decide whether product results, page results, or both are most useful.

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 and website pages even if keywords do not match exactly

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.

Search Result Settings

The Search result display setting in Settings also applies here. Products and pages is the default, which lets Nobi decide whether the visitor needs matching products, relevant pages, or both. Products only and Pages only restrict the AI search modal to one result type.
Unavailable options are hidden automatically. For example, a store with no indexed pages will not see Pages only, and a store with no products will not see Products only.

Search Quick Links

Search Quick Links can give visitors fixed links in the chat modal when a merchant wants important pages to remain easy to reach.