List view
Getting Started
Getting Started
Use Cases
Use Cases
Launch Components
Launch Components
Nobi's UX
Nobi's UX
INTRO TO NOBI
Nobi Knowledge Base
This page gives you a quick understanding of what Nobi is, why ecommerce companies use it, and where it appears on your site. If you’re ready to install, jump to our Quick Start guide.
What is Nobi?
Nobi is an AI shopping assistant and semantic search layer for ecommerce. We help shoppers find the right products and answer questions faster — like a great in‑store associate — while letting you place the experience exactly where you want it.
- Conversational assistance: answers product questions (fit, materials, care) and guides shoppers to the right items.
- Semantic search: understands meaning, not just keywords, improving relevance and long‑tail discovery.
- Drop‑in placements: render Nobi anywhere with a simple custom element tag:
<nobi-search-bar>
.
Key Benefits
- Higher accuracy & relevance thanks to semantic retrieval and hybrid ranking—not just keyword matching.
- More confident shoppers via conversational guidance that reduces friction and clarifies questions.
- Fast to implement: add a single tag; minimal engineering effort.
Where Nobi Appears
Chat modal
Nobi’s primary UX takes place in a modal overlay that shows on top of your site’s existing content. The modal shows up once a shopper has done something to indicate they want to interact with our chat assistant, which can happen when a shopper interacts with Nobi’s custom components.
Launch Components:
Nobi’s primary chat modal can be launched using the following components:
- Dual Mode Search — A configurable search bar that allows you to offer your standard search or AI mode.
- Button — a drop‑in call‑to‑action that opens the assistant for conversational shopping.
- Search Mode Toggle - a simple toggle you can put into your existing search bar to let your customers switch between your default search (allowing you to keep existing predictive typeahead functionality) or Nobi’s AI assistant
- Javascript API - open Nobi with code.
How Nobi Works (At a Glance)
- Ingest & index your catalog and selected content; build semantic vectors.
- Understand intent from shopper queries or conversation.
- Retrieve & rank relevant products and answers.
- Render results in your chosen placement; track outcomes (views, clicks, adds‑to‑cart, purchases).
How to Add Nobi
Install with a script tag and a custom element where you want Nobi to appear. Details are in Getting Started → Quick Start.
- Fast path: paste the script and add
<nobi-search-bar></nobi-search-bar>
.
- SPA‑friendly: the element renders on connect and cleans up on disconnect.