フレスタ FAQ チャットボット 設置デモ
このページは、設置先サイト（www.fresta.co.jp）を模した確認用ページです。 右下のフロートバナーからチャットを起動できます。
ローカルで開いています。API サーバを先に起動しておいてください:
python -m uvicorn backend.app.api:app --port 8000
デプロイ済みの環境に接続しています。API は
設置方法（フロートバナー方式）
<body> の末尾に次の 3 行を貼るだけです。
<link rel="stylesheet" href="https://<配信ドメイン>/widget.css">
<script src="https://<配信ドメイン>/widget.js"></script>
<script>FrestaChat.init({ apiBase: "https://<配信ドメイン>/api" });</script>init のオプション
| キー | 既定値 | 説明 |
|---|---|---|
apiBase | （必須） | API のベース URL。末尾の / は不要 |
entrypoint | null | 設置サイトごとの入口。"shop"（スマイルネット） |
category | null | 指定するとそのカテゴリから会話を始める（例: "5"） |
avatarUrl | プレースホルダ | アバター画像の URL |
title | "チャットサポート" | ヘッダーのタイトル |
openOnLoad | false | 読み込み時に開いた状態にする |
ページに応じてカテゴリを絞る例
フレスタアプリの案内ページに置く場合:
FrestaChat.init({ apiBase: "...", category: "5" });設置サイトごとの入口
設置するサイトに応じて、最初に出るメニューを切り替えられます: コーポレート（既定） / スマイルネット
FrestaChat.init({ apiBase: "...", entrypoint: "shop" });※ アバター画像は差し替え可能です。現行の「綾乃」は富士通ライセンス品のため使用しません。