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
Components API
The Component API provides technical documentation for all Nobi custom elements and programmatic interfaces. Use these references when implementing and customizing Nobi on your site.
Available Components
Launch Components
Launch components are entry points that open Nobi's chat modal for customers.
- Search Bar - Dual-mode search bar with toggle between traditional and AI search
- Button - Standalone button for opening Nobi from anywhere on your site
- Toggle - Mode switcher that integrates into your existing search form
- Suggestion Pills - AI-generated prompt buttons that launch specific conversations
- JavaScript API - Programmatic control for opening and closing Nobi with custom logic
Chat Modal Customization
Customize the appearance and behavior of Nobi's chat interface.
- Styling the Container - Control modal size, position, colors, and layout
- Styling Messages - Customize message appearance, fonts, and spacing
- Styling Products - Configure how products display in search results
- Quick Add Overlay - Customize the add-to-cart experience
Advanced Customization
- Hooks Reference - Call custom JavaScript functions to control Nobi's behavior and content
- Events Reference - Track Nobi interactions with custom event handlers for analytics
Getting Started
New to implementing Nobi? Start with the Quick Start Guide for basic setup, then return here for detailed component configuration and styling options.
Need help? Check our FAQ or contact us
Made with Bullet