AI Chatbot — Landing & Widget
A conversion-focused landing page fronting an embeddable AI chat widget. The
widget mounts onto any WordPress site with a single <script> tag and is built
to never break the host page.
The widget
- One async tag. the host adds a single async
<script>; nothing blocks the page and the rest of the site loads untouched. - Sealed in Shadow DOM. the widget renders into a Shadow DOM, so host CSS can't bleed in and the widget's CSS can't leak out onto the page.
- No key in the browser. the widget never holds a model key — it talks to my own endpoint, which proxies the provider server-side.
- Streamed tokens. responses stream in as they're generated, so replies feel fast instead of arriving as one late block.
Answers that stay on-topic
- Grounded in the site. answers are grounded in the site's own content rather than free-associated.
- Fenced bot. guardrails keep the bot on-topic and steer it away from off-scope questions.
Stack
Vanilla HTML/CSS/JS for both the landing page and the widget, with a small proxy backend that brokers the model. Deployed live; the page links the demo separately.