Overview
Add product-specific suggested questions and an input that opens the widget's chat.
The product block gives shoppers a direct way to ask about the product they are viewing. It displays a title, a subtitle, up to three suggested questions, and a text input directly on the product page.
The block is an entry point to the standalone widget, not a second chat. When a shopper selects a question or submits their own, the widget panel opens with the product in context and sends the text as their message.
Choose the installation guide for your storefront:
To change its appearance, see Customize the product block.
Before you install
The block renders only when it has useful content. There is no loading state or empty container: if any requirement below is missing, nothing appears.
The product block requires all three conditions
- An active standalone widget on the same page. On Shopify, this is the
app embed. If its page targeting excludes
/products/*, the block is also excluded. 2. A product URL containing/products/{handle}. Prefixed paths such as/collections/summer/products/yand/fr/products/yalso work. 3. Suggested questions for the product. Until questions have been generated and loaded successfully, the block remains hidden.
If the block uses block-hide-trigger, the floating trigger bar is hidden only
while the block is visible. It returns automatically when the block has no
content, so the page always keeps an entry point to the chat.
How the product and questions are selected
The block reads the product from the page URL, not from the conversation. Opening another product inside the chat does not change the questions displayed on the page.
The block displays up to three questions in the page's language. It reloads them when the language or country changes.
On a headless storefront with client-side navigation, add headless="true" to
the block itself. This lets the block refresh or hide after each route change.
Setting headless only on the standalone widget leaves the previous product's
questions in place.
Configure the block
Configuration depends on how the block was installed:
- Shopify theme: configure the block in the JUST dashboard under Surfaces → Product block. The Shopify theme editor controls its position only.
- Headless or custom storefront:
configure the
<just-ai-agent mode="block">element with HTML attributes.
The dashboard's Custom CSS field applies to both integrations. See Customize the product block.