Simplify Collections Pages with AI

Simplify Collections Pages with AI

Add an “Ask AI” bar to the top of PLPs

Empower customers to drill down from 100s or thousands of SKUs to the perfect fit in seconds, simply by asking.
 
 
This is a drop-in search box that automatically detects the context of the Collection / PLP that the shopper is on. Nobi explicitly sets the collection handle for context, used to help it limit suggestions to only that collection.

Example for a Collection Page of Men’s Clothing:

Installation

Somewhere on the Collections Pages where shoppers would expect to filter (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"
  collection-handle="mens-clothing"
  show-hint-row="true">
</nobi-search-bar>
When auto-detect-page-context="true" is set, the search bar automatically detects URLs matching /collections/[handle] and performs a search on products relevant to that URL. Examples:
  • /collections/mens-shirts
  • /collections/summer-sale
 

Configuration

See the Dual Mode Search Bar Component page for details on how to configure this feature to your liking.
 

Video Demo

Video preview