Single Suggestion Pill Launch Component

Single Suggestion Pill Launch Component

A Single Suggestion Pill is a clickable button with merchant-specified text that opens Nobi's chat modal with that message pre-filled. Unlike AI-generated Suggestion Pills, you control exactly what each pill says.
 
Preview:

How It Works

Add the suggestion pill element to your page with a text attribute containing the message you want sent to Nobi. When customers click the pill, the chat modal opens with that exact text submitted as their first message. You have full control over the prompt—no AI generation involved.

When to Use Suggestion Pills

  • Targeted prompts - When you know exactly what question or action makes sense in a specific location, like "Find my size" on a fit guide page
  • Seasonal campaigns - Create pills for specific promotions like "Show me Black Friday deals" or "Find Valentine's gifts"
  • FAQ nudges - Pre-empt any common objections you get with a prompt

Combining Multiple Pills

You can place multiple single suggestion pills together to create a curated set of options:
<nobi-suggestion-pill text="Find running shoes"></nobi-suggestion-pill>
<nobi-suggestion-pill text="Best sellers"></nobi-suggestion-pill>
<nobi-suggestion-pill text="What's on sale?"></nobi-suggestion-pill>

Styling

Pills inherit the same styling as the Suggestion Pills container and can be customized to match your brand using CSS. You can adjust colors, fonts, sizes, borders, spacing, and hover effects.
For complete styling options, see the Suggestion Pills documentation.