Back to Langbot

Try the LangBot Page Bot widget

examples/web-page-bot/index.html

4.10.41.2 KB
Original Source

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)

Load widgetRemove widgetNot 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.

Copy

<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.