Mobile SDK チャット カスタマイズ ガイド

モバイル SDK には豊富なカスタマイズ機能が用意されており、ブランドの要件を取り入れて、独自のカスタマイズされたエクスペリエンスを作成できます。このドキュメントでは、モバイル SDK で利用できるオプションの概要について説明します。これらのオプションを使用すると、コンシューマーとのチャット インタラクションを最適化できます。

ビジネスニーズに合わせて、必要なだけカスタマイズできます。デフォルトのチャットと高度にカスタマイズされたチャットを並べて比較したものを以下に示します。

カスタマイズされたチャットの見た目の例が並べて表示されます。

  • 公開設定

  • アバター アイコン

  • テキスト

  • フォント(サイズ、スタイル、色)

  • 区切り線の色

  • 区切り線の幅

ヘッダーのカスタマイズ可能なセクションの例が表示されます。

インライン ボタン

  • スタイル

  • 配置

  • 背景色

  • テキストの色

  • 角の丸み

  • フォント(サイズ、スタイル、色)

  • 枠線の色

  • 枠線の太さ

ボタンのカスタマイズ可能な部分の例が表示されます。

[戻る] ボタン

  • 公開設定 - テキストのみ。戻る矢印の公開設定はカスタマイズできません。

  • アイコン

  • テキストの色

戻るボタンの例が表示されます。

終了ボタン

  • 公開設定

  • フォント(サイズ、スタイル、色)

チャットを終了するボタンを示す例が表示されています。

タイムスタンプ

  • フォント(サイズ、スタイル、色)

タイムスタンプを示す例を示します。

システム メッセージとボタン

  • 背景色

  • 角の丸み

  • フォント(サイズ、スタイル、色)

  • 枠線の色

  • 枠線の幅

システム メッセージとボタンの例が表示されます。

コンシューマーとエージェントのメッセージのふきだし

  • 背景色

  • 角の丸み

  • フォント(サイズ、スタイル、色)

  • 枠線の色

  • 枠線の幅

  • アバター

お客様とエージェントのメッセージ バブルの例が表示されます。

ユーザー入力バー

  • 背景色

  • 枠線の色

  • 枠線の幅

  • カメラアイコン

  • 共同ブラウズ アイコン

  • 送信ボタン アイコン

ユーザー入力バーを示す例が表示されています。

ユーザー入力バー(テキスト フィールド)

  • 角の丸み

  • カーソルの色

  • プレースホルダ テキスト

  • フォント(サイズ、スタイル、色)

  • 枠線の色

  • 枠線の幅

ユーザー入力バーのテキスト フィールドを示す例が表示されています。

読み込みスピナー

  • カスタム アニメーション

読み込みスピナーのカスタマイズ可能な側面を示す例が表示されます。