The Shopping Panel is how your AI Shopping Assistant appears on your website: a panel anchored to the side of the page, which gives the conversation more space and presents products as visual cards, with their price and Add-to-Cart.
Shopper experience
On desktop
On mobile
What changes with the Shopping Panel?
| Chatbox | Shopping Panel |
|---|---|
| Small, bottom-right chat bubble | Full-height panel anchored to the right or left (full screen on mobile) |
| Passive, needs to be opened | Actively shows and hides through different UI states |
| No E-commerce features | Quick "Add-to-cart" feature built in the UI |
| Feels external to the site | Fully embedded in the shopping journey |
If you went through a manual onboarding, you can enable it manually. To learn how, read this article: Add-to-Cart from a conversation with your Assistant.
Customization
Go to the Shopping Assistant tab > Assistant Builder and edit your Assistant. You can customize several elements of your Shopping Panel:
- Assistant name in the back office: visible only to your team
- Header text: name displayed to your visitors
- Custom instructions: identity, brand context, tone of voice, sales guidelines and guardrails for your Assistant.
- Position: left or right
- Colors: the primary color applies to the visitor messages background; the secondary color applies to the send button, product card links and buttons, and quick replies on hover
- Font: chosen from a list of Google fonts
- Assistant knowledge: knowledge bases your Assistant uses to answer
- Messages: Welcome and Follow-up are the first messages your Assistant displays to start the conversation; the closing message if the transfer fails ends the conversation
- Custom behaviors
The following elements are not customizable: the avatar and the minimized Panel icon.
FAQ
- Are quick replies available or configurable?
No, quick replies are not configurable. They are integrated by default to ensure a smooth and consistent experience for visitors.
- How does the minimized view work?
When the visitor scrolls the page or clicks outside the Shopping Panel, it automatically minimizes into a floating bubble. It does not minimize on cart and checkout pages, or while the mouse pointer is over the Panel.
- Is the “Add to Cart” button available automatically?
For Shopify sites, it is automatically enabled.
For other e-commerce platforms, this integration requires a quick development to ensure compatibility. Learn more
- Can we use our website’s font?
No. The font is chosen from the list offered in the editor (Lato, Roboto, Montserrat, Open Sans…).
- Is the display the same when an agent takes over?
Yes. The display remains consistent throughout the experience: the Shopping Panel completely replaces the classic chatbox, including when a human agent takes over.