docs(platforms): mention local embed demo in Page Bot page (zh/en/ja)

This commit is contained in:
RockChinQ
2026-06-22 02:17:37 -04:00
parent 32808b3c35
commit c93a1c76a2
3 changed files with 44 additions and 0 deletions
+15
View File
@@ -47,6 +47,21 @@ To protect against abuse, you can enable Cloudflare Turnstile:
3. Fill them into the corresponding fields in the LangBot Web Page Bot configuration
4. Save to take effect
## Local Preview / Demo
Want to try the embed widget before wiring it into your own site? The LangBot
main repo ships a self-contained single-file demo page `index.html` under
[`examples/web-page-bot/`](https://github.com/langbot-app/LangBot/tree/master/examples/web-page-bot):
open it in a browser, fill in your LangBot address and Page Bot UUID, and it
loads the live embed widget so you can chat with the bot just like a site
visitor — and generates the exact `<script>` snippet to paste into your own site.
```bash
# Serve the repo root statically, then open it in a browser
python3 -m http.server 8930
# Visit http://localhost:8930/examples/web-page-bot/
```
## Start Using
After adding the embed code to your website, visitors can click the chat bubble at the bottom-right corner to start chatting with your bot.
+15
View File
@@ -47,6 +47,21 @@ Cloudflare Turnstile を有効にして bot 対策を行えます:
3. LangBot ページボットの対応するフィールドに入力
4. 保存して反映
## ローカルプレビュー / デモ
自分のサイトに組み込む前に埋め込みウィジェットを試したい場合、LangBot 本体リポジトリの
[`examples/web-page-bot/`](https://github.com/langbot-app/LangBot/tree/master/examples/web-page-bot)
に自己完結型の単一ファイルデモページ `index.html` が用意されています。ブラウザで開いて
LangBot のアドレスとページボットの UUID を入力すると、実際の埋め込みウィジェットが読み込まれ、
サイト訪問者と同じようにボットとチャットでき、さらに自分のサイトに貼り付ける `<script>`
スニペットもリアルタイムで生成されます。
```bash
# リポジトリのルートを静的配信し、ブラウザで開く
python3 -m http.server 8930
# http://localhost:8930/examples/web-page-bot/ にアクセス
```
## 使い方
埋め込みコードをウェブサイトに追加後、ページ右下のチャットバブルをクリックするとボットとチャットできます。
+14
View File
@@ -47,6 +47,20 @@ icon: "/images/platforms/webpage.svg"
3. 分别填入 LangBot 页面机器人的对应配置项
4. 保存即可生效
## 本地预览 / 演示
如果你想在接入自己网站前先体验一下嵌入组件的效果,LangBot 主仓的
[`examples/web-page-bot/`](https://github.com/langbot-app/LangBot/tree/master/examples/web-page-bot)
提供了一个自包含的单文件演示页 `index.html`:在浏览器中打开它,填上你的 LangBot
地址和页面机器人 UUID,它就会加载真实的嵌入组件,让你像网站访客一样和机器人对话,
并实时生成可直接粘贴到自己网站的 `<script>` 代码片段。
```bash
# 在 LangBot 仓库根目录起一个静态服务,然后在浏览器中打开
python3 -m http.server 8930
# 访问 http://localhost:8930/examples/web-page-bot/
```
## 开始使用
嵌入代码添加到网站后,访客点击页面右下角的聊天气泡即可与机器人进行对话。