Feature Chat
A feature section styled as a chat thread, pairing message bubbles with copy. Built to show a messaging or support product talking in real conversation.
A feature section styled as a chat thread, pairing message bubbles with copy. Built to show a messaging or support product talking in real conversation.
The Marketing (Legacy) Collection unlocks the source for every Marketing (Legacy) block. All Access unlocks every Collection.
Already purchased? Log in
Feature Chat is a two-column section built around a live chat interface. The left column holds a labeled list of five clickable feature cards, each with a colored icon and a two-line description, followed by a row of suggested question badges and a browse link. The right column is a scrollable chat window: a header strip with an avatar, a name, and an "Online" status badge; a message feed that shows user and assistant bubbles with timestamps; a three-dot typing indicator while the assistant composes a reply; and a sticky input bar with an attachment button, a text field, and a send button. Below the two-column grid sits a centered call to action card with a heading, a supporting sentence, and a primary button.
Each feature card and each suggested question badge pre-fills the input when clicked, so visitors can explore without typing. The feature list, the suggested questions, the initial greeting message, and the CTA copy are all independent pieces you can rewrite or reorder. You can add or remove feature entries without touching the chat logic.
Reach for this block when you want to demonstrate an AI assistant product in context rather than just describing it. It suits a product landing page where the assistant is the core offering, a features page that benefits from showing a live interaction rather than a static list, or a launch page where seeing the bot respond in real time builds immediate confidence. Compared to a plain card grid, this layout gives visitors something to do, making it easier to feel the product before signing up.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The block is built around a product assistant that responds to keyword triggers, so it works best when your features map neatly to distinct topics visitors might ask about:
Tip: keep the feature list to five or fewer entries so each card stays legible and the left column does not overflow the chat panel on desktop.