Widget & chat API
$20/mo
Vercel · Pro
Edge-fast streaming responses and a global CDN for the widget script
vercel.com ↗A chat widget on your site that answers from your help center and docs, and hands off to a human by email when it can't help.
Good fit: SaaS and e-commerce teams deflecting repetitive tickets; anonymous visitors plus signed-in customers.
Hover or click a part to see what flows between them. Drag to move, use the buttons to zoom.
Vercel · Pro
Trigger.dev · Hobby
Vercel AI SDK
← built with from Widget & chat API
OpenAI API · gpt-5-mini
← question + articles from Widget & chat API
Neon · Launch
← conversations from Widget & chat API
Upstash · Pay as You Go
← rate limit, cached answers from Widget & chat API
Postmark · Basic
← handoff to human from Widget & chat API
Langfuse · Core
← traces from Widget & chat API
OpenAI API · text-embedding-3-small
← question from Widget & chat API · changed articles from Knowledge sync
Pinecone · Starter
← search articles from Widget & chat API · re-index from Knowledge sync
Expected cost at the usage below, and the range from half to double that usage. Worked out from each vendor's current prices and free tiers; your real bill depends on your traffic.
| Part | Pick | Expected / mo | Range |
|---|---|---|---|
| Widget & chat API | Vercel · Pro | $20/mo | fixed |
| AI framework | Vercel AI SDK | $0 | fixed |
| Chat model | OpenAI API · gpt-5-mini | $9.60/mo | $2.40–$38.40 |
| Embedding model | OpenAI API · text-embedding-3-small | $0.01/mo | $0–$0.05 |
| Knowledge index | Pinecone · Starter | $0 | fixed |
| Knowledge sync | Trigger.dev · Hobby | $10/mo | fixed |
| Conversation store | Neon · Launch | $8.02/mo | $3.98–$19.62 |
| Cache & rate limits | Upstash · Pay as You Go | $0.05/mo | $0.01–$0.19 |
| Handoff email | Postmark · Basic | $15/mo | fixed |
| LLM observability | Langfuse · Core | $29/mo | fixed |
| Infrastructure total | $91.67/mo | $80.40–$132 | |
Widget & chat API · Vercel · Pro
AI framework · Vercel AI SDK
Chat model · OpenAI API · gpt-5-mini
Embedding model · OpenAI API · text-embedding-3-small
Knowledge index · Pinecone · Starter
Knowledge sync · Trigger.dev · Hobby
Conversation store · Neon · Launch
Cache & rate limits · Upstash · Pay as You Go
Handoff email · Postmark · Basic
LLM observability · Langfuse · Core
Widget & chat API
$20/mo
Edge-fast streaming responses and a global CDN for the widget script
vercel.com ↗AI framework
$0
Chat hooks for the widget and tool calling for retrieval and handoff
ai-sdk.dev ↗Chat model
$9.60/mo
Model: OpenAI gpt-5-mini
Good instruction-following and tool calls at a low per-message price
platform.openai.com ↗Embedding model
$0.01/mo
Model: OpenAI text-embedding-3-small
Cheap and accurate for short support questions
platform.openai.com ↗Knowledge index
$0
Free starter index easily holds a help center; serverless upgrades
pinecone.io ↗Knowledge sync
$10/mo
Scheduled tasks with no timeouts for long crawls
trigger.dev ↗Conversation store
$8.02/mo
Serverless Postgres that scales to zero between bursts
neon.com ↗Cache & rate limits
$0.05/mo
Serverless Redis with a ready-made rate-limit library
upstash.com ↗Handoff email
$15/mo
Excellent deliverability, so handoffs never land in spam
postmarkapp.com ↗LLM observability
$29/mo
Conversation traces plus user feedback scores in one place
langfuse.com ↗All costs are estimates. Prices are read from each vendor's pricing page and checked every 12 hours (last: Oct 30, 2026); your bill depends on your traffic.
Model quality scores: Intelligence Index by Artificial Analysis.
"Half" and "double" in the ranges scale these numbers.
Index the help center
Crawl the help center and docs, split articles into sections, embed them and store each chunk with its URL and title.
Uses: Knowledge sync, Embedding model, Knowledge index
Chat endpoint
Build a streaming chat route that retrieves the best sections and answers only from them, always linking the source article.
Uses: Widget & chat API, AI framework, Chat model, Embedding model, Knowledge index
Embeddable widget
Ship a small script tag that opens the chat; pass the signed-in customer's id when available.
Uses: Widget & chat API
Guardrails and limits
Rate-limit by visitor, cache answers to repeated questions, and refuse topics outside your product.
Uses: Cache & rate limits, Chat model
Human handoff
Give the model a handoff tool: when it isn't confident, email the transcript to support and tell the visitor when to expect a reply.
Uses: Handoff email, Conversation store
Measure deflection
Store conversations with thumbs up/down and handoff flags; review failed answers weekly and fix the help articles they point to.
Uses: Conversation store, LLM observability
Not covered by this estimate
We'll adapt this blueprint to your product, set it up on your accounts and hand it over working, with the monthly bill you saw here.