How To Implement & Configure The Search Button

Step 1: After Installing the App

After installing, navigate to Apps in Shopify admin and select the AI Search & Discovery Agent app. The main dashboard displays performance metrics over the selected period (default: 30 days).

Key Metrics Available:

• Engagement: Conversations, Messages, Tokens Used
• Commerce Impact: Products Viewed, Items Added to Cart, Money Added to Cart

Step 2: Accessing Search Button Configuration

1. Go to Apps in Shopify admin
2. Click the AI Search & Discovery Agent app
3. Click Settings (under the app name)
4. Find extension settings: header → KX AI Search & Discovery Agent

Step 3: Open the Theme Editor

Click "Go to theme editor" in the Configuration section, or navigate manually via Online Store → Themes → Customize.

Step 4: Enable the Search Button in the Header

Navigate to Header settings and locate the KX AI Search & Discovery Agent app block.

Important: Toggle ON means the search bar is inactive and invisible. Toggle OFF means the search bar is active and visible to customers.

Step 5: Preview and Test

Test the search functionality by adding #kimonix-agent to the end of your store URL (example: https://yourstore.com/#kimonix-agent).

Step 6: Hide the Original Shopify Search Icon

Add this CSS code to Custom CSS in the Header section:

details-modal.header__search {
  display: none;
}

Step 7: Customize the Search Button & Experience

Available customizations include:

• Magnifier: Color, Size, Stroke
• Button: Width, Height
• Interface: Color, Placement of out-of-stock products
• Welcome message: Add or edit greeting text
• Custom prompt suggestions (examples: "Show me some dresses," "What's for winter?")

Step 8: Using the Search Agent

1. Click the search bar
2. Type a query or select a suggested prompt
3. Browse recommended products
4. Add items to cart directly from the interface