From c93a1c76a29335dcabfaf25f8f048e92750faea5 Mon Sep 17 00:00:00 2001
From: RockChinQ <1010553892@qq.com>
Date: Mon, 22 Jun 2026 02:17:37 -0400
Subject: [PATCH] docs(platforms): mention local embed demo in Page Bot page
 (zh/en/ja)

---
 en/usage/platforms/webpage.mdx | 15 +++++++++++++++
 ja/usage/platforms/webpage.mdx | 15 +++++++++++++++
 zh/usage/platforms/webpage.mdx | 14 ++++++++++++++
 3 files changed, 44 insertions(+)

diff --git a/en/usage/platforms/webpage.mdx b/en/usage/platforms/webpage.mdx
index 0d1d30cdd..5cd370a66 100644
--- a/en/usage/platforms/webpage.mdx
+++ b/en/usage/platforms/webpage.mdx
@@ -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.
diff --git a/ja/usage/platforms/webpage.mdx b/ja/usage/platforms/webpage.mdx
index 3d727fa5e..d2b28f454 100644
--- a/ja/usage/platforms/webpage.mdx
+++ b/ja/usage/platforms/webpage.mdx
@@ -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/ にアクセス
+```
+
 ## 使い方
 
 埋め込みコードをウェブサイトに追加後、ページ右下のチャットバブルをクリックするとボットとチャットできます。
diff --git a/zh/usage/platforms/webpage.mdx b/zh/usage/platforms/webpage.mdx
index 6b4b804c9..a17311580 100644
--- a/zh/usage/platforms/webpage.mdx
+++ b/zh/usage/platforms/webpage.mdx
@@ -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/
+```
+
 ## 开始使用
 
 嵌入代码添加到网站后，访客点击页面右下角的聊天气泡即可与机器人进行对话。