What's New: Chatbot UI Improvement Update
A complete overview of the new ReComAI chatbot UI and what has changed
Overview
We have updated the ReComAI chatbot widget design to give your customers a better and more premium experience. This update focuses on making the chat easier to use, more attractive, and helps customers find the right features quickly - no matter what kind of store you run.
Why Did We Update the UI?
Our previous chatbot design had a few issues that affected the customer experience:
Problem 1 - Order Tracking Was Hard to Find The Order Tracking button was placed inside the support section as a small icon. Most customers did not notice it and were unable to use the feature on their own.
Problem 2 - Chat UI Was Not Attractive The old chat interface did not give the premium look and feel that modern online stores need. Customers did not feel confident using it.
Problem 3 - Low Feature Engagement Because important features were hidden or not visible clearly, customers were not using them - which meant more manual support work for the store team.
What Has Changed in the New UI?
1.New Home Screen Layout
The home screen now shows all key features clearly in separate cards so customers can find what they need in one look.
Contact Us card - shows online status with a green dot and a visible "Chat now" button
Order Tracking card - now shown as a separate, clearly visible card with its own icon and label
Search bar - customers can now search for help articles directly from the home screen
Quick questions - common questions are listed below the search bar for fast access
2.Order Tracking - Now Fully Visible
Order Tracking is no longer hidden inside an icon. It now has its own dedicated card on the home screen with a truck icon and the label "Track your orders" so every customer can see it immediately.
3.Theme Colors - Match Your Brand
The new chatbot widget comes with 5 default color themes so you can match it with your store's look:
You can select any of these default themes from your ReComAI dashboard. If you want a fully custom color to match your brand, you can enter your own color code manually in the settings.
4.Smart Assistant Chat Screen
The chat screen now shows:
A dedicated AI Assistant header with a subtitle that you can customize for your store
Product recommendations with images shown directly inside the chat
Thumbs up and thumbs down buttons so customers can give feedback on answers
A clean message input bar at the bottom
5.Order Tracking Screen - Redesigned
The tracking page now has a simple and clean form where customers can:
Enter their Order Number
Choose between Email address or Phone number for verification
Click the Track button to check their order status instantly
6.Bottom Navigation Bar
All three main features are now accessible from a fixed bottom navigation bar:
š Home - main support screen
š¬ Chat - AI assistant
š Track - order tracking
Customers can switch between these three sections anytime without going back to the main screen.
How Does This Help Your Business?
Customers can find Order Tracking on their own - less support tickets
Premium design builds more trust in your brand
Product images in chat help customers make faster buying decisions
Feedback buttons help you improve bot answers over time
Clean navigation means customers explore more features
Brand color themes make the widget feel like a natural part of your store
Need Help?
If you have any questions about the new chat UI or need help setting it up on your store, our support team is available.
š Chat with us directly using the chat widget on your screen šEmail us at: hello@recomai.one
