訪問者にとって視覚的に魅力的で使いやすいエクスペリエンスは誰にも好まれますが、Salesforceは、ボタンやカルーセルなどのリッチメッセージングをネイティブにサポートしていません。
Zendeskでは、ユーザーエクスペリエンスを重視し、独自のプラグインとスクリプトを作成しました。Zendeskのプラグインをインストールすることで（CSMに連絡してプラグインを要求してください）、これらの動的なデザインを対話フローのリッチメッセージとして活用できます。その後、Salesforce埋め込みチャットエクスペリエンスに実装できます。
以下がカスタマイズ可能です。
これらの機能は、ブランドのルックアンドフィールに合わせてカスタマイズできます。
この記事では、対話ビルダー内のすべてのリッチオプションを活用する方法について説明します。
これらのリッチオプションを活用するには、Salesforceリッチメッセージングプラグインの有効化に関するSalesforce管理者の指示に従ってください。
ボタン
ボタンはSalesforceですでに提供されていますが、Zendeskのボタンは以下の点で優れています。
カスタマイズ可能で、ブランドやデザインしたいエクスペリエンスに合わせて書式を設定できます。以下のさまざまな可能性をご覧ください。
| タイプと使用方法 | 視覚的な例 |
|
デフォルトの縦方向
使用方法 バージョンが指定されていない場合、これが標準ビューになります。 |
 |
|
水平バイナリボタン
使用方法 ボタンを使用する前に、AIエージェントのメッセージに
|
 |
|
水平行ボタン
使用方法 ボタンを使用する前に、AIエージェントのメッセージに
|
 |
|
CSAT - 星
使用方法 ボタンを使用する前に、AIエージェントのメッセージに ボタンは1～5と「今ではない」にします。
|
 |
|
CSAT - 絵文字
使用方法 ボタンを使用する前に、AIエージェントのメッセージに
|
 |
カルーセル
カルーセルを使用すると、より多くのコンテンツを視覚的に表示できるため、訪問者はコンテンツに関するさまざまなオプションを選択できますが、ボタンよりも大きく、動的で視覚的です。
Zendeskのプラグインでロックを解除するバージョンは以下のとおりです。
| タイプと使用方法 | 視覚的な例 |
|
デフォルトのカルーセル
使用方法 これは、画像の有無にかかわらず使用できます。 画像を使用する場合、画像のURLの配列を追加して「コラージュ」を作成できます。 標準ボタンと外部ボタンをサポートしています。 |
 |
|
幅広で色が濃いカルーセル
使用方法 カルーセルの最初のカードのタイトルに
|
 |
|
画像なし、書式設定されたオファースタイルのカルーセル
使用方法 通常、複数の「パッケージ」やレベル、その他のオファーを表示するカルーセルに使用できます。 カルーセルの最初のカードのタイトルに カードの説明に次のHTML構造を使用します。
|
 |
HTMLの例
これまで説明したオプションだけでは足りない場合、HTMLをテキストに変換するだけでなく、非常に優れたメッセージに変換することもできます。
| タイプと使用方法 | 視覚的な例 |
|
外部リンクボタン
「外部リンク」ボタンを1つ使用する場合、左の例のようにレンダリングされます。 |
|
|
埋め込みメディア
使用方法 他のコンテンツを含めずに、AIエージェントのメッセージにHTMLを挿入します。
|
 |
|
全幅ボタン 使用方法 AIエージェント全体の幅にボタンを広げるには、クラス
|
 |
|
ボタン付き情報ボックス 使用方法 2つのレベルのテキスト階層とボタンを備えたカスタムAIエージェントメッセージ V2ボタンと組み合わせることもできます。今回はAIエージェントのメッセージ内のバージョンと組み合わせます。
|
 |
コンテンツに合わせてHTMLコンポーネントを自由にカスタマイズして、あらゆるインスピレーションを実現できます。