> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nextintent.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# What shoppers see

> The card: how it looks on the page, when it appears, how the shopper dismisses it, when it is withdrawn before it is shown, and what it never contains.

When NextIntent speaks, the shopper sees a small dark card in the bottom right corner of the page with one sentence and, sometimes, one link. It appears once per visit, can be closed with one click, and is gone on the next page. This page describes exactly what a shopper experiences.

## How it looks

* A rounded dark card, about 360 pixels wide at most, anchored to the bottom right of the window with a 16 pixel margin. On a phone it is the width of the screen less 32 pixels.
* One sentence in the store's system font, light text on a near-black background.
* Optionally one link under the sentence in an amber colour, with an arrow: "See the Camp Mug →" or "Size guide →".
* A small × in the top right corner to dismiss it.
* It slides up and fades in over a quarter of a second. Shoppers who have asked their device for reduced motion see it appear without the slide.

The card is drawn above everything else on the page, so it is never hidden behind a sticky header or a cart drawer. It never covers the page's own buttons, because it sits in the corner and is small.

If you would rather use your own popup tool, or handle the sentence yourself, **Settings → What it may say → How to speak on the page** has those options. See [What it may say](/shopify/settings/what-it-may-say).

## When it appears

1. The shopper stops. NextIntent decides to speak. See [The moment](/shopify/how-it-works/the-moment).
2. The sentence is placed in a short-lived queue for that shopper. It waits there for three minutes at most.
3. The page checks the queue every six seconds while the tab is visible. On the next check, it finds the sentence and shows the card.

In practice the card appears 30 to 50 seconds after the shopper stops, most of which is the app being sure the shopper has really paused. On a store where you can watch the app while shopping, the moment shows on **Moments** about 15 seconds after the card is shown.

## How the shopper dismisses it

* Click the ×, or press Escape. The card fades out. The app records "dismissed".
* Click the link. The page navigates. The app records "clicked".
* Do nothing. The card stays until the shopper leaves the page. Nothing else appears.

The app also records "shown" when the card is drawn. These three records are what "spoke to" means on the Money page: a shopper was spoken to only if a card was actually shown. See [What "spoke to" means](/shopify/how-it-works/spoke-to).

## Once per visit

After a card has been shown, the page remembers it for the rest of the browser session and never asks for another. A shopper who dismissed the shipping card and later flips sizes on a product page does not get a second card. The app also stops checking after fifteen minutes on a page, so a tab left open in the background is not polling all afternoon.

## When it is withdrawn before it is shown

A sentence in the queue can be pulled back before the page collects it:

* **The shopper bought.** The order webhook or the checkout pixel reports a purchase, and any waiting card is withdrawn. A shopper does not pay and then get told how to get free shipping.
* **The shopper left.** The queue entry expires after three minutes. A shopper who closed the tab never sees a stale card on their return.
* **The shopper went into checkout.** The page stops checking on checkout pages, so a card cannot appear there.

On **Moments** these show as a sentence that was composed but not shown, with the reason.

## What it never contains

* The shopper's name, or anything about them as a person. The app does not know it.
* A statement that they were watched: no "we noticed you", "still there?", "looks like you're stuck".
* An offer, unless you allowed offers. And then only a code from your Discounts, to a shopper whose own code failed.
* A promise your store has not made: no "free returns" without a policy that says so, no "ships free" for a cart under the line.
* A link off your store.
* Anything a second time. One card, once.

## Why this design

The card is small, in the corner, one sentence, once, and easy to close because the shopper's cart is the point and the card is not. Everything on this page follows from one aim: a stuck shopper should read the card as the store being helpful at the right second, and every other shopper should never know the app exists.

## Related

* [What it says](/shopify/how-it-works/what-it-says)
* [What it may say](/shopify/settings/what-it-may-say)
* [What "spoke to" means](/shopify/how-it-works/spoke-to)
* [Try it on your own store](/shopify/test-it)
