Rich grids, not walls of text
Image-first card results
When the AI surfaces products, places, or anything image-first, yak renders a grid of cards instead of plain text. You configure the action buttons in the portal—"Add to cart," "Book now," "View details"—and a click either injects a prompt back into the chat so the conversation keeps flowing, or navigates the host page straight to the item's own route.
Configured in the portal, under your application's Behavior settings.
What you get
- Image-first cards with title, subtitle, price, badges, and custom label/value fields
- Up to three tenant-defined action buttons per card, styled as primary, secondary, or ghost
- Auto layout—inline in the chat bubble for small grids, side panel for larger ones
- Action clicks inject a prompt to continue the chat, or navigate the host page directly—no model round-trip
- Currency-aware price formatting with compare-at support for sale items
How it works
Define cards and actions in the portal
In the app's Behavior settings you flip on the card grid, set the action buttons (label plus primary/secondary/ghost style), and pick a layout—auto, always inline, or always side panel.
The model emits a structured card grid
When an image-first result matters, the assistant outputs a validated JSON card block—image, title, price, badges, fields, and your actions—that yak renders as a grid instead of prose.
Users tap an action and the flow continues
A click either injects the action's prompt as the user's next message for a fresh model turn, or redirects the host page to the item's own route through the SDK's redirect channel.