> For the complete documentation index, see [llms.txt](https://docs.maker.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.maker.co/maker-greatstore/storefront/storefront.md).

# Overview

What a shopper actually meets on your storefront: the chat panel, voice, memory, citations, and the interactive tools the assistant can use.

Everything you configure in the admin surfaces here. This is the storefront side: what a shopper types into, talks to, and sees come back. Most of it is on the moment you install the widget; none of it needs the shopper to sign in.

We walk it using [store.design](https://store.design), the reference storefront running GreatStore, as the example.

## What's here

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><h4><i class="fa-comments" style="color:$primary;">:comments:</i></h4></td><td><h4>Text chat</h4></td><td>The chat panel: composer, suggested prompts, image search, product cards.</td><td><a href="/maker-greatstore/storefront/text-chat.md">Text chat</a></td></tr><tr><td><h4><i class="fa-waveform" style="color:$primary;">:waveform:</i></h4></td><td><h4>Voice chat</h4></td><td>The shopper talks to the assistant hands-free; the transcript stays in the thread.</td><td><a href="/maker-greatstore/storefront/voice-chat.md">Voice chat</a></td></tr><tr><td><h4><i class="fa-brain" style="color:$primary;">:brain:</i></h4></td><td><h4>Memory</h4></td><td>The assistant remembers a returning shopper's preferences so it doesn't re-ask.</td><td><a href="/maker-greatstore/storefront/memory.md">Memory</a></td></tr><tr><td><h4><i class="fa-badge-check" style="color:$primary;">:badge-check:</i></h4></td><td><h4>Citations</h4></td><td>Safety-critical claims are backed by the source sentence on hover.</td><td><a href="/maker-greatstore/storefront/citations.md">Citations</a></td></tr><tr><td><h4><i class="fa-wand-magic-sparkles" style="color:$primary;">:wand-magic-sparkles:</i></h4></td><td><h4>In-chat tools</h4></td><td>Asking the shopper a question, notify-me, and awareness of what the shopper is looking at.</td><td><a href="/maker-greatstore/storefront/tools.md">In-chat tools</a></td></tr></tbody></table>

## The flow

{% stepper %}
{% step %}

#### Search

The shopper searches your catalogue. Results resolve to real product cards: image, name, seller, price.

What powers it: whichever connectors are enabled. See [Overview](/maker-greatstore/connectors/connectors.md).
{% endstep %}

{% step %}

#### The concierge

The assistant can search on the shopper's behalf, narrow a long list, and explain its reasoning. On the reference storefront it's named **M.**, which is the assistant name from **Configure → Basic**.

Where the panel sits on the screen follows your appearance settings. See [Text chat](/maker-greatstore/storefront/text-chat.md).
{% endstep %}

{% step %}

#### Comparison and product detail

When a shopper is weighing up options, the assistant can render an in-chat comparison rather than describing differences in prose. Product cards show live price, variants and availability.

These are apps. See [App library](/maker-greatstore/apps/library.md).
{% endstep %}

{% step %}

#### Questions the catalogue can't answer

Returns, shipping, care, sizing. The assistant answers from the documents you added under **Knowledge**, and cites the ones that carry a safety-critical claim. See [Citations](/maker-greatstore/storefront/citations.md).
{% endstep %}

{% step %}

#### Bag and checkout

The shopper adds to bag and checks out. Where a storefront aggregates multiple merchants, checkout hands off per seller and completes on the seller's own site.
{% endstep %}
{% endstepper %}

## Where each part comes from

| What the shopper sees                                  | Where you set it                       |
| ------------------------------------------------------ | -------------------------------------- |
| Store name in the chat header                          | Configure → Basic → Brand name         |
| The assistant introducing itself by name               | Configure → Basic → Assistant name     |
| Panel colours, fonts, corner style, and where it sits  | Configure → Appearance                 |
| The "AI can make mistakes" line                        | Configure → Appearance → AI disclaimer |
| Which products it can find                             | Connectors                             |
| Policy and FAQ answers                                 | Knowledge                              |
| Comparison tables, browsable catalogues, product cards | Apps                                   |

{% hint style="info" %}
The reference storefront is built on Shopify's Global Catalog MCP, which lets it search across many merchants. Your own store will typically point at your own catalogue instead; the shopper-facing behaviour is the same.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.maker.co/maker-greatstore/storefront/storefront.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.