Chat Interface
The ecomAssist chat interface is designed to feel natural and intuitive. No learning curve - just start typing like you’re messaging a knowledgeable assistant who understands e-commerce inside and out.
Interface Overview
When you open ecomAssist, you’ll see a clean, focused interface:
┌──────────────────────────────────────────────────────────────────┐
│ │
│ E-commerce is easier with ecomAssist │
│ │
│ [Typewriter: "analyze my store performance..."] │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ Ask anything about your products... 📎 🖼️ ➤ │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │
│ │ 🎯 Product │ │ 👕 Product │ │ 👟 Shoe │ │
│ │ Placement │ │ Try-On │ │ Try-On │ │
│ └──────────────┘ └──────────────┘ └──────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ What can ecomAssist help you with? │ │
│ │ │ │
│ │ 1. Background Removal - Remove backgrounds from products │ │
│ │ 2. Product Placement - Place products in professional... │ │
│ │ 3. Try-On Tools - Virtual try-on for clothes, shoes... │ │
│ │ ... │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
└──────────────────────────────────────────────────────────────────┘Chat Input Area
Message Input
The main text input supports:
- Natural language - Write like you’re talking to a person
- Multiple languages - Type in any of 13+ supported languages
- Long messages - No character limit for complex requests
- Enter to send - Quick submission with Enter key
Input Controls
| Icon | Function |
|---|---|
| 📎 | Attach files (images) |
| 🖼️ | Quick image upload |
| ➤ | Send message |
| 📜 | Chat history (when available) |
AI Mode Selector
ecomAssist offers different AI modes for varying needs:
| Mode | Status | Description |
|---|---|---|
| ecomCore | Available | Essential AI engine for all standard tasks |
| ecomPlus | Coming in v3 | Advanced AI with enhanced capabilities |
| ecomMax | Coming in v6 | Ultimate AI model for complex workflows |
Currently, ecomCore powers all ecomAssist conversations. More powerful modes are coming in future versions!
Suggestion Chips
Quick-start your workflow with pre-built suggestion chips:
“Trained by ecomVance” Chips
These chips are specially trained for optimal tool execution:
- Product Placement - AI-optimized prompts for placing products in scenes
- Product Try-On - Ready-to-use workflow for apparel try-on
- Shoe Try-On - Specialized chip for footwear try-on
”Learn ecomVance” Chips
Educational chips to understand the platform:
- What is ecomVance? - Platform overview and capabilities
- AI Tools - Complete list of available tools
- Get Started - Quick start guide
- Language Options - Multi-language demonstration
- Nano Banana Pro - Advanced image generation info
- Veo 3.1 - Google’s video generation capabilities
Pro Tip: Clicking a suggestion chip pre-fills your message with an optimized prompt. You can edit it before sending!
Typewriter Prompts
The dynamic typewriter in the header cycles through common use cases:
- “analyze my store performance”
- “optimize product descriptions for SEO”
- “create a marketing campaign”
- “find trending products to sell”
- “improve my conversion rates”
- “generate social media content”
These prompts inspire ideas for what you can accomplish with ecomAssist.
Conversation Flow
Starting a New Chat
When you first load ecomAssist or click “New Chat”:
- Welcome screen appears with typewriter animation
- Suggestion chips provide quick-start options
- Tool overview shows what ecomAssist can help with
- Empty chat input ready for your message
During a Conversation
Once you send your first message:
┌──────────────────────────────────────────────────────────────────┐
│ [New Chat] [History 📜] │
├──────────────────────────────────────────────────────────────────┤
│ │
│ You 10:30 AM │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ I want to remove the background from my product image │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
│ ecomAssist 10:30 AM │
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ I'd be happy to help you remove the background! Here's │ │
│ │ how we can do this: │ │
│ │ │ │
│ │ 1. Upload your product image below │ │
│ │ 2. I'll process it with our Background Removal tool │ │
│ │ 3. You'll get a clean, transparent PNG │ │
│ │ │ │
│ │ **Credit Cost:** 20 credits per image │ │
│ │ │ │
│ │ Please upload your image to continue! │ │
│ └────────────────────────────────────────────────────────────┘ │
│ │
├──────────────────────────────────────────────────────────────────┤
│ ┌────────────────────────────────────────────────────────────┐ │
│ │ Type your message... 📎 🖼️ ➤ │ │
│ └────────────────────────────────────────────────────────────┘ │
└──────────────────────────────────────────────────────────────────┘Message Types
Your Messages
- Right-aligned or distinctly styled
- Show attached images above text
- Display timestamp
Assistant Messages
- Left-aligned with ecomAssist branding
- Rich formatting (bold, lists, code)
- May include tool confirmation panels
- Display timestamp
Real-Time Features
Thinking Indicator
When ecomAssist is processing:
┌────────────────────────────────────────┐
│ ecomAssist is thinking... │
│ ════════════════════▒▒▒▒▒▒▒▒▒▒▒▒▒▒ │
│ (shimmer animation) │
└────────────────────────────────────────┘Streaming Responses
Responses appear character-by-character for a natural feel:
- No waiting for full response
- See AI thinking in real-time
- Can scroll while response continues
Stream Timeout Warning
If a response takes too long (60+ seconds):
┌────────────────────────────────────────┐
│ ⚠️ Response is taking longer than │
│ expected. Please wait or try │
│ again. │
└────────────────────────────────────────┘Chat Actions
New Chat Button
Start fresh anytime:
- Saves current conversation automatically
- Clears all messages and images
- Returns to welcome screen
- Previous chat accessible in history
History Button
Access past conversations:
- Search through chat titles
- See message and image counts
- One-click to load previous chat
- Delete old conversations
Conversation Truncation
For very long conversations, ecomAssist intelligently manages context:
Conversation Truncated: When you see this warning, older messages have been summarized to maintain quality. The AI still understands your context, but you may want to start a new chat for unrelated topics.
AI Disclaimer
At the bottom of chat, you’ll see:
“ecomAssist is powered by AI and may make mistakes. Verify important information.”
This reminder ensures you:
- Review generated content before publishing
- Verify any factual claims
- Use AI as an assistant, not a replacement for judgment
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Enter | Send message |
Shift + Enter | New line in message |
Ctrl/Cmd + V | Paste image |
Escape | Close image preview |
Next Steps
Now that you understand the chat interface: