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