Landing Page AI Sales Assistant — n8n template + chat widget
## A drop-in AI sales rep for your landing page
Visitors don't read. They scan, scroll, and bounce. **Landing Page AI Sales Assistant** turns that bounce into a conversation: a chat bubble appears in the corner, the visitor asks a question, your AI assistant answers from your product brief in your tone, and at the right moment it captures their email and notifies you.
No backend to host. No SaaS subscription. No per-lead fees. **You bring your own Anthropic or OpenAI key, your costs are bounded to what your visitors actually generate.**
---
## What you get
📦 **n8n workflow template** (15 nodes, fully wired)
The complete pipeline: webhook → input validation → product-brief-driven prompt assembly → Claude API call → reply parsing → email capture → Google Sheets append → admin notification → structured response. Imports cleanly into n8n Cloud or self-hosted n8n v1.50+.
🪟 **Drop-in chat widget** (`chat-widget.js`, ~15 KB)
Single vanilla JS file. Shadow DOM isolated (cannot collide with your site CSS). WCAG 2.1 AA accessible. No dependencies, no build step. Configurable via `data-*` attributes on the script tag.
📚 **5 platform integration guides**
Step-by-step recipes for **Webflow, Framer, WordPress, Shopify, and plain HTML**. Each guide is paste-and-go.
🔄 **3 swap recipes**
Want to use OpenAI instead of Claude? **One node to change.** Want Airtable instead of Google Sheets? **One node to change.** Want Postmark/SES/Mailgun instead of Gmail? **One node to change.**
🔐 **Privacy & compliance docs**
Paste-in privacy policy snippet (short + long versions) and a one-page data map for your GDPR Article 30 records. Covers EU/UK/California/India.
🧪 **Test payloads**
Ready-to-run cURL snippets for every response path: greeting, mid-conversation, email capture, validation error, token-budget overflow.
📄 **Demo landing page**
Open `demo.html` in any browser, point it at your webhook, and you have a working preview in 30 seconds.
---
## How it works
```
Visitor types a message in the widget
↓
Widget posts {session_id, history} to your n8n webhook
↓
n8n validates the input and assembles a system prompt from YOUR product brief
↓
Calls Claude (or OpenAI) and parses the response
↓
If the visitor shared an email → row in Google Sheets + admin notification
↓
Returns the assistant's reply to the widget
↓
Widget renders the reply in the chat bubble
```
The conversation is **stateless** — the widget echoes the full history each turn (capped at 24 turns / 4K tokens). No database to maintain. No persistent state to back up. The only persistent record is the captured-email row in Sheets.
---
## Who this is for
- **Indie founders** lifting landing-page conversion without a full chatbot platform.
- **SaaS teams** who want a smarter "ask us anything" widget than a static FAQ.
- **Agencies** building landing pages for clients who already use n8n.
- **E-commerce store owners** on Shopify, WordPress, Webflow, or Framer.
- **Anyone** with a landing page, an Anthropic or OpenAI API key, and 5 minutes.
**Not** a fit if you need persistent cross-session memory, RAG over uploaded documents, multi-language support, voice, a hosted SaaS, or enterprise SSO. Those are on the roadmap, not in v1.0.
---
## What it's not
- **Not a SaaS** — it's a `.zip` file you import into your own n8n.
- **Not a full chatbot platform** — it's one workflow + one widget. Nothing else.
- **Not a CRM** — captured emails go to a Google Sheet; pipe to your real CRM via the integration of your choice.
- **Not RAG** — answers come from a single product brief in a Set node. Document upload + vector store is on the v2 roadmap.
---
## Cost
At the default model (`claude-haiku-4-5`), a typical 12-turn conversation costs **less than $0.01** of API credit. 1,000 conversations a month is roughly $5–$10 of LLM spend. **You pay only for what your visitors generate** — no platform fee, no per-lead charge from us.
---
## What's included (file list)
- `workflow/sales-assistant-workflow.json` — the importable workflow
- `workflow/README.md` — 5-minute install guide + customization cheatsheet
- `workflow/test-payloads/` — 5 cURL snippets covering every response path
- `widget/chat-widget.js` — drop-in chat widget (~15 KB)
- `widget/chat-widget.config.example.js` — every config option documented
- `widget/demo.html` — working sample landing page
- `widget/README.md` — embed guide
- `docs/integrate-webflow.md`, `integrate-framer.md`, `integrate-wordpress.md`, `integrate-shopify.md`, `integrate-plain-html.md`
- `docs/swap-to-openai.md`, `swap-sheets-to-airtable.md`, `swap-gmail-to-smtp.md`
- `docs/privacy-snippet.md`, `docs/data-map.md`
- `LICENSE.md`, `CHANGELOG.md`, top-level `README.md`
---
## Requirements
- An n8n instance — **free** on n8n Cloud, or self-hosted (v1.50 or newer).
- An Anthropic API key (or OpenAI, with the included swap recipe). Get one in 2 minutes at console.anthropic.com.
- A Google account (for the Sheet) — or use Airtable / Notion / Postgres with the swap recipe.
- A landing page on Webflow / Framer / WordPress / Shopify / plain HTML.
---
## License
Single-buyer commercial use. You can run the workflow on any n8n instance you control and embed the widget on any number of websites you own or build for direct clients. You **cannot** resell the template itself. Full terms in `LICENSE.md`.
---
## Refund policy
14-day refund window via Payhip's standard policy. If you can't get the workflow running after honestly trying the install guide, email support and we'll either fix it or refund you.
---
## Roadmap (open, not promises)
- **v1.1** — Calendar booking + Stripe checkout CTAs (the `intent` field is already in place)
- **v1.2** — Real Anthropic tool use instead of JSON envelope
- **v1.3** — Optional persistent cross-session memory
- **v1.4** — White-label SKU
- **v2.0** — Standalone JS widget (no n8n required)
- **v2.1** — RAG over uploaded buyer documents
- **v2.2** — WordPress plugin wrapper