PageBot: Add an AI Chatbot to Any Website with One Line of Code

By Prahlad Menon 4 min read

Every website owner faces the same problem: visitors have questions, and you can’t be there 24/7 to answer them. Traditional chatbots require training, conversation flows, and constant maintenance. What if a chatbot could just read your page and answer questions about it?

That’s exactly what PageBot does.

One Line of Code, Really

<script src="https://pagebot.themenonlab.com/widget.js"></script>

Paste that into any webpage. A chat button appears in the corner. Visitors click it, ask questions, and get accurate answers based on your page content. No accounts, no configuration, no uploading documents.

Try it now: Visit pagebot.themenonlab.com and click the blue chat button.

How It Works

When a visitor loads your page, PageBot:

  1. Extracts content — headings, paragraphs, meta descriptions, structured data
  2. Sends it with the question to your AI provider (OpenAI, Claude, Gemini, etc.)
  3. Returns a grounded answer — only information that’s actually on the page

The key insight: no pre-training required. The AI sees your current page content every time, so answers are always up-to-date.

No Hallucinations by Design

PageBot’s system prompt explicitly constrains the AI:

“Answer only based on the provided page content. If the answer isn’t there, say ‘I don’t see that information on this page.’”

This is crucial. Unlike general chatbots that can make things up, PageBot is grounded to your actual content. If someone asks about pricing and your page doesn’t mention it, the bot admits it doesn’t know rather than inventing numbers.

BYOK: Bring Your Own Key

Most AI chat widgets lock you into their pricing per message. PageBot flips this model:

PlanPriceWhat You Get
DemoFree10 chats total (our API)
Free$0/moUnlimited chats with your API key, 1 website
Pro$19/mo5 websites, remove branding, custom colors
Business$49/moUnlimited websites, white-label, analytics

You pay your AI provider directly — typically $0.01-0.05 per chat. PageBot just charges for the widget features, not per-message fees.

This matters because AI costs are dropping fast. With BYOK, you automatically benefit from every price cut. With per-message pricing, the vendor pockets the savings.

Multi-Provider Support

PageBot works with any OpenAI-compatible API:

  • OpenAI (GPT-4o, GPT-5)
  • Anthropic Claude (via proxy)
  • Google Gemini
  • Azure OpenAI
  • OpenRouter (access all models)
  • Local models (Ollama, vLLM)

Switch providers without changing your embed code — just update the API key in your config.

Customization

<script 
  src="https://pagebot.themenonlab.com/widget.js"
  data-key="your-api-key"
  data-theme="dark"
  data-position="bottom-left"
  data-title="Ask Our AI"
  data-welcome="Hi! Ask me anything about this page."
  data-color="#8B5CF6">
</script>

Pro and Business plans can remove the “Powered by PageBot” badge entirely for white-label deployments.

SPA Support

Single-page apps (React, Vue, Next.js) work too. When your app navigates to a new page, call:

window.PageBot?.rescrape();

This re-reads the DOM so the chatbot knows about the new content.

Use Cases

Documentation sites — Let users ask questions instead of searching through pages.

Product pages — Answer “How much does this cost?” and “Does it support X?” automatically.

Landing pages — Qualify leads by letting them self-serve their questions.

Internal tools — Add help to admin dashboards without writing documentation.

Portfolio sites — Let visitors learn about your work interactively.

Technical Architecture

PageBot is entirely client-side + Cloudflare Workers:

Browser → widget.js → Cloudflare Worker → Your AI Provider
                              ↓
                        (optional) Supabase for analytics

No server to manage. The widget extracts content client-side, sends it to our worker (which just proxies to your AI provider with the system prompt), and displays the response.

Response times: Typically 1-3 seconds depending on your AI provider and response length.

Privacy

PageBot doesn’t store your page content or user questions. Each request goes directly to your AI provider. We only track usage counts (chat count per domain) for plan limits.

For Business plans, analytics are stored in your own Supabase instance if you want them.

Getting Started

  1. Visit pagebot.themenonlab.com
  2. Try the demo (click the chat button)
  3. Copy the embed code
  4. Add your API key
  5. Paste into your website

The whole process takes about 2 minutes.

Discussion

Built by The Menon Lab. Questions? Email [email protected]