Product cards
Requires the Grow plan or higher.
When the bot recommends products, it returns them as product cards rather than plain text. A card is a compact visual summary the visitor can scan at a glance in the chat widget.
What a card shows
Each card is built from your mapped fields and can include:
- Image — the product thumbnail (falls back to a placeholder when none is set).
- Name — the product title.
- Category — shown as a small badge.
- Stock status — an In Stock / Out of Stock badge.
- Price — formatted in the product's currency; a sale price is shown when present.
- Rating — a star rating with the numeric score.
- Key attributes — the first few mapped attributes (for example, brand, size, bedrooms) as labelled chips.
These map to the product fields you set during Schema detection & field mapping:
namepricecurrencysalePricecategorybrandimagesthumbnailattributesinStockrating🖼️ [Image] — A product card showing image, name, category badge, price, rating, and attribute chips
Where cards appear
You'll see the same card component in three places:
- In the chat widget, when the bot answers a product query.
- In the dashboard, on the catalog's Products tab and the Test Product Search box — handy for verifying how a product will render.
- In the setup wizard's Test Search, as a preview before you activate.
Layouts
In the widget, cards render in one of three layouts depending on how many results there are and your configuration:
| Layout | Best for |
|---|---|
| Vertical | A single recommendation or a short list. |
| Carousel | A handful of options the visitor can swipe through. |
| Grid | A larger result set shown side by side. |
The bot typically caps results at a small number so the chat stays readable.
🎬 [Video] — A visitor asking for a product and the bot replying with a carousel of cards
Configuring the layout
Card content comes from your field mappings; the widget-side layout, styling, and which attributes show are configured separately. See Product card layouts for the widget configuration, and Customizing the widget for colors and branding that cards inherit.