L
Page Bot · Embed Demo examples/web-page-bot

# Try the LangBot Page Bot widget

Point this page at a running LangBot instance and a Page Bot you created,

then load the live embed widget below to chat with it — exactly as your site visitors would.

### 1 Connect your Page Bot

LangBot base URL
The address where your LangBot instance is reachable from this browser. No trailing slash.
Page Bot UUID
Create a bot with the `Page Bot` adapter in the WebUI, then copy its UUID from the embed code.
Widget title (optional)
Not loaded.

### 2 The embed snippet

This is exactly what you paste into your own site (before `</body>`). It updates as you edit the fields above.

    <script data-title="LangBot" src="http://localhost:5300/api/v1/embed/<bot-uuid>/widget.js"></script>

### 3 How it works

- The `<script>` tag pulls `widget.js` from your LangBot instance, pre-configured for that bot UUID.
- A floating chat bubble appears in the bottom-right corner of the page.
- Messages travel over a WebSocket to the bot's bound pipeline; replies stream back into the bubble.
- Title, bubble icon, language and optional Cloudflare Turnstile protection are all set in the bot's config — no page changes needed.