# SDK（スキル）デザイン設定

1. **表示名**\ チャット画面の上部バーに表示する名称を変更できます。\ ここで設定した名前は、アプリランチャー画面の名前にも反映されます。 2. **テーマカラー**\ チャット画面の配色をカスタマイズできます。 3. **アイコン**\ チャット画面の上部バーで表示するアイコンを設定できます。 \ 表示名、テーマカラー、アイコンは以下のユーザー画面と対応します。

1. **テキストの長さ（Q＆A回答候補時の表示時）**\ ボタンオプションの表示文字数を変更できます。(デフォルト：100)\ 16から500の間で設定が可能です。 2. **「担当メンバーに連絡」を有効にする**\ 有効にすると、ユーザーはメンバーへ直接連絡することができます。\ 有効にした場合、チャット画面上部の"**⁝**"をクリックすると「エージェントに連絡」ボタンが\ 表示されます。 1. エージェントに連絡をクリックすると、「エージェントに接続中です…」と表示されます。 2. メンバーが会話へ参加すると、「会話へ参加しました。」と表示されます。 3. メンバーがメッセージを送信すると、内容が表示されます。

3. **「チャット履歴を送信」を有効にする**\ 有効にすると、ユーザーがチャット履歴を指定したアドレスへ送信できます。\ 有効にした場合、チャット画面上部の"**⁝**"をクリックすると「チャット履歴を送信」ボタンが表示され、送信したいメールアドレスを入力することができます。 1. チャット履歴を送信をクリックし、送信するメールアドレスを入力し適用を押します。 2. 表示されたメールアドレスを確認し、OKをクリックすると指定のアドレスへチャット履歴が送信されます。

7. **チャット画面の位置**\ チャット画面の表示位置を変更できます。 8. **チャット画面の幅**\ チャット画面の横幅を変更できます。\ 380pxから1600pxの間で設定してください。(デフォルト：380) 9. **チャット画面の高さ**\ チャット画面の縦幅を変更できます。\ 400pxから1000pxの間で設定してください。(デフォルト：640) 10. **入力の自動補完機能**\ ユーザーが質問を入力したときに予測されたQ\&Aが表示されます。 11. **表示する自動補完機能**\ 入力の自動補完機能を有効にすると表示されます。\ 予測されたQ＆Aの表示件数を1\~5件まで選択できます。 12. **チャットポップアップのメッセージ**\ ユーザーがウェブページを開くとポップアップが先に表示され、ポップアップをクリックすると全UIが表示されます。チャットフローで設定した会話の最初のメッセージをポップアップに表示するか、カスタムメッセージを設定するかを選択できます。 13. **メッセージプレビュー**\ チャットポップアップのメッセージウィンドウの横幅を変更できます。\ 292pxから500pxの間で設定してください。(デフォルト：292)

14. **リセット**\ 上記で設定した内容を初期設定値へリセットできます。