Simplify Collections Pages With AI

Collection pages often overwhelm customers with hundreds of products and complex filter menus. Nobi helps customers find exactly what they're looking for within a collection using natural language, without clicking through dozens of filters.

How It Works

Add a search bar to your collection pages that understands the collection context. When customers search for "blue size medium under $100," Nobi knows to only show products from that specific collection that match their criteria.

Preview

The search bar automatically generates relevant placeholder text based on the collection (e.g., "Find the perfect men's shirt..." on a men's clothing page) and uses fast search mode for quick results.

Why Use AI on Collection Pages

Reduce filter fatigue - Customers can describe what they want instead of clicking through size, color, price, material, and style filters

Natural language search - "Long sleeve cotton shirts under $50" is easier than navigating multiple filter dropdowns

Better mobile experience - Typing a query is faster than tapping through filter menus on mobile

Higher conversions - Customers find relevant products faster and are more likely to purchase

Fewer abandonments - Customers who can't find what they want through filters often leave. AI search keeps them engaged.

Automatic Collection Detection

The easiest way to add AI search to collections is with automatic detection:

Installation


<nobi-search-bar auto-detect-page-context="true"></nobi-search-bar>

This automatically detects when customers are on a collection page by reading the URL. It works with standard Shopify URL patterns like:

/collections/mens-shirts

/collections/summer-sale

/collections/womens-dresses

When Nobi detects a collection, it:

Limits search results to products in that collection (and if no results show up from that collection, expanding the scope to the broader catalog)

Generates contextual placeholder text

Enables fast search mode for quick results

Understands the collection's purpose and theme

Manual Collection Context

If your URLs don't follow standard patterns, or you want explicit control, pass the collection details directly:


<nobi-search-bar
  collection-handle="mens-clothing"
  collection-title="Men's Clothing"
  collection-id="12345">
</nobi-search-bar>

This ensures Nobi always has the right context, regardless of URL structure.

What Customers Can Do

Search Within the Collection

Customer on "Women's Dresses" collection page:

"Show me midi dresses"

"Red cocktail dresses under $150"

"Something for a wedding guest"

Ask Questions

"What's the difference between these two jackets?"

"Do these jeans run true to size?"

"What colors do you have in this style?"

"Which of these is most popular?"

Nobi answers based on product data and customer reviews.