CaseFlow Widget Test
ログイン不要の埋め込みテストページです。
widget.js
を外部サイトに貼る前に、
SITE_KEY
/ locale / 位置などをここで確認できます。
導入の流れ(テナント/プロジェクト)
1) 管理画面
/ja/admin/widget
で
SITE_KEY
を発行(必要なら Project を指定)
2) 埋め込み先サイトの Origin を Allowed Origins に追加(例:
https://help.example.com
)
3) 発行されたスニペット(または下のスニペット)をユーザーサイトの
</body>
直前に貼る
サンプル(ユーザーサイト風)を見る
SITE_KEY 管理(要ログイン)
このページの Origin:
Widget:
not mounted
注意: 公開受付APIの Origin 制限を有効にしている場合は、このページの Origin を許可リストに追加してください (
CASEFLOW_WIDGET_ALLOWED_ORIGINS
または 管理画面の Widget Sites)。
CaseFlow baseUrl
例:
https://caseflow.example
(末尾の / は不要)
SITE_KEY (data-site)
※ サーバー側で
CASEFLOW_WIDGET_SITE_KEYS
を設定している場合は一致が必要です。
debug (data-debug)
llm (data-llm)
auto-open (data-auto-open)
host screenshot (html2canvas)
locale (data-locale)
ja
en
view (data-view)
intake
form
フォーム版は
/{locale}/embed/form
を開きます。
position (data-position)
right-bottom
right-top
left-bottom
left-top
label (data-label)
未入力の場合は CaseFlow ロゴ(丸いボタン)が表示されます。
z-index (data-z-index)
theme (data-theme)
dark
light
accent (data-accent)
ボタン色(例:
#14b8a6
)
iconClosed (data-icon-closed)
iconOpen (data-icon-open)
autoOpen delay (ms)
例:
30000
(30秒)
Mount
Toggle
Open
Expand
Unmount
埋め込みスニペット(コピー用)
この HTML を埋め込み先サイト(ユーザーのWebサイト)に貼る想定です。
baseUrl
は埋め込み先では通常不要ですが、 テスト用に明示しています(
data-base-url
)。
実運用では
data-base-url
を省略してOK(
script.src
の origin を自動解決します)。
Preview iframe:
empty
下の iframe は「会社サイト側のページ」を模したプレビューです。ここにスニペットを流し込んで動作確認できます。 ※ “本物の別ドメイン”の検証は、このHTMLを会社ドメインに置いて確認してください(Origin制限が絡むため)。
preview bg
preview text
Auto update
Render preview
Open (preview)
Toggle (preview)
Clear preview