チャットのホーム画面：あいさつ、ロゴ、タイル、タブ

ホーム画面は、訪問者が開いたとき最初に見る、あいさつ、ロゴ、色付きヘッダー、最大10タイルの画面です。下でホーム、メッセージ、ヘルプを切り替えます。無効なら、直接会話を開きます。

/app/projects/{id}の外観タブ、ウィジェットのホーム画面で設定します。

ライブプレビュー

フォーム横に実際のウィジェットを表示し、入力を即座に反映します。それだけでは保存せず、保存で適用します。保存後、訪問者への反映は最大1分です。

ヘルプタブはプレビューにはありません。公開記事を独自ドメインから取得する必要があるためで、実際のWebサイトには表示されます。

切り替え項目

• ホーム画面を表示 – 無効（既定）なら直接会話を開き、タブ列もありません。有効ならホームから開始します。
• ヘルプタブを表示 – 公開ヘルプ記事と検索です。ヘルプセンターのアドレスと1つ以上の公開記事が必要です。設定は製品マニュアル参照。
• 最新メッセージをホームに表示 – 有効（既定）なら、再訪問者は前回の場所を確認し、1クリックで戻れます。
• 入力欄の下に「チームと話す」ボタンを表示 – 有効（既定）。AIが回答中に表示し、チームが誰もオンラインでなければ「チームにメッセージを残す」となります。

ロゴ、色、あいさつ

• ホーム画面のロゴ – https://, またはdata:image/…の画像。最大255文字。空欄ならロゴなしであいさつだけです。
• ヘッダーのグラデーション：開始色と終了色 – ヘッダーの2色。未指定ならブランドの色（色、フォント、テーマ参照）。
• あいさつ – 上部の大きな行。空欄なら当社の翻訳済みテキスト（「こんにちは 👋」）。
• 下の行 – 小さな行。空欄なら訪問者の言語で「ご用件をお聞かせください」。

あいさつ、下の行、タイルの文言は、インストール → 基本設定の既定言語で書き、各最大400文字です。言語別の翻訳はなく、別言語の訪問者も入力どおりに見るため、大半が読める言語で書いてください。あいさつや下の行を空欄にすれば、訪問者の言語の既定文を使います。

ヘッダーのスタイル（グラデーション、フラット、ガラス）や密度は、外観 → ブランド設定 → スタイルです。チャットウィンドウ：スタイル、サイズ、サイドパネル参照。

タイル

タイルは大きなボタンで、最大10個です。見出しがないものは表示しません。削除するには、見出しを消して保存します。

各タイルの項目：

• 動作 – クリックの効果。
• 会話へ移動 – 会話を開き、移動先に文があれば入力欄に入れます。送信はしません。
• リンクを開く – 移動先のアドレス。先頭がhttps://, でなければ保存しません。
• ヘルプを開く – ヘルプタブへ。
• メッセージを残す – メールで連絡するフォームを開く。
• 見出し – 必須。ないと表示しません。
• 下の行 – 任意。
• 移動先 – 動作に応じてアドレスか事前入力文、最大200文字。

タイル、文言、プロモーションカードの合計で、保存時に最大16 KBです。見出しと2行目付きの10タイルなら十分収まります。超過時は黙って省略せず、理由を表示します。

プロモーションカード

ホームや会話の上部に、有料プランなど独自の案内を表示できます。外観 → プロモーションカードにあり、チャット内のプロモーションカードで説明します。「ホーム画面」の配置にはホームを有効にする必要があります。

開くときのタブを選ぶ

リンクや呼び出しごとに、data-rc-tabまたはtabで選べます。

<a href="#rc-open" data-rc-tab="help">Browse help articles</a>

ReactiveChat('open', { tab: 'home' });

home（ホーム）、msg（会話）、help（ヘルプ）が使えます。存在しないタブなら通常どおり開きます。独自のリンクやボタンからチャットを開く参照。

表示されない場合

• タブ列がない： ホーム画面を表示をチェックし保存しましたか。
• ヘルプタブがない： アドレスと1件以上の公開記事がありますか。
• タイルがない： 見出しがありますか。
• ロゴがない： https:// またはdata:image/で始まりますか。

タブ（「ホーム」「メッセージ」「ヘルプ」）や組み込みタイルの文言は、テキストと言語で変更できます。