テンプレートは、Guideが選択したエントリーポイントをウェブサイト上にどのように表示するかを決定します。 テンプレートのタイプは以下の通りです：
-
シングルボタン：ウィジェットに1つのエントリポイントを提供するために使用します。Guide
-
複数ボタンメニュー：これを使用して、Guideウィジェットに複数のエントリポイントを提供します。
-
顧客ポータル：これを使用してGuideウィジェットにExpertナレッジベースを顧客ポータルおよび追加のエントリーポイントとして提供します。
このタスクを開始する前に、必ずチャネルボタンとエントリーポイントを作成してください。
マルチボタンテンプレートを使用している場合、チャネルボタンとメニューボタンが必要になります。 訪問者がメニューボタンをクリックすると、チャネルボタンが表示されます。
シングルボタンテンプレートを作成
Guideで訪問者を1つのチャネルにのみ誘導する場合は、シングルボタンテンプレートを使用します。
JungleのサポートマネージャーのMyraは、ウェブサイトのホームページにチャットチャネルを提供したいと考えています。 彼女は、Jungleウェブサイトのトップページの左下に表示されるチャットボタンを提供するシングルボタンテンプレートを作成します。
訪問者がチャットボタンをクリックすると、Guideウィジェットにチャットチャネルが表示されます：
- アプリセレクター
をクリックして、次を選択します：Guide。 - Templatesをクリックします。
- New Templateをクリックします。
- Template titleを入力します。
- [Template type]を[Single Button]に設定します。
-
デザインエディタータブで、テンプレートの外観を制御するための値を設定します。
このステップのフィールドについての詳細
フィールド 詳細 [Position]を[Bottom right]または[Bottom left]に設定し、WebサイトでGuideテンプレートが表示される位置を決定します。 必要に応じて、テンプレートに使用するTheme colorを入力します。 ブランディングで設定されたTheme colorを使用するには、このフィールドを空白のままにします。 ブランディングをオーバーライドするには、カラーピッカーを使用して色を選択するか、色の16進数コードを入力します。
必要に応じて、テンプレートに使用するFont colorを入力します。 ブランディングで設定されたFont colorを使用するには、このフィールドを空白のままにします。 ブランディングをオーバーライドするには、カラーピッカーを使用して色を選択するか、色の16進数コードを入力します。 -
テンプレートチャネルタブで、テンプレートに使用するチャネルを定義します。
このステップのフィールドについての詳細
フィールド 詳細 チャネルEntry pointに使用するからを選択します。 例えば、チャットチャネルを提供するために、チャットエントリーポイントに設定する場合があります。 選択したチャネルのタイプによっては、追加の定義フィールドが表示される場合があります。 Buttonを選択してチャネルに使用します。 エントリーポイント用に定義されたボタンを使用する場合は、これを空白のままにします。
ボタンで使用するLabelを入力します。 このラベルはボタンの右に表示されます。 ラベルは18文字に制限されています。 ラベルの記載はオプションです。 このラベルはスクリーンリーダーでも使用されることに留意します。 省略された場合、スクリーンリーダーはボタンのテキストを読み上げます。 -
[Entry point]をチャットまたはEメールチャネルに設定し、事前アンケートでエントリーポイントが設定されている場合、追加のオプションフィールドが表示されます。 [Choose File]をクリックして、[Precontact survey icon]を選択し、[Precontact survey label]を入力して、Guideウィジェットの上部に表示されるアイコンとラベルを定義します：
- [Entry point]をExpertチャネルに設定した場合、[ Popup Title]を指定します。 例えば、ポップアップに役立つ記事とタイトルを付ける場合があります。
- Saveをクリックします。
- テンプレートの外観と動作をチェックします。
複数ボタンメニューテンプレートを作成する
Guideを使用して一度に複数のチャネル コンタクトがエージェントやボットとやり取りする方法。 チャネルには、音声、Eメール、チャット、ソーシャルメディアなどが含まれます。を表示する場合は、複数ボタンメニューテンプレートを使用します。 最大4個のチャネルを含めることができます
JungleのサポートマネージャーのMyraは、ウェブサイトのホームページにチャットおよびEメールチャネルを提供したいと考えています。 彼女は複数ボタンのテンプレートを作成します。 彼女がテンプレート用に設定したメニューボタンは、Jungleのウェブサイトのホームページの左下に表示されます：
その後、ウェブサイトの訪問者は、メニューボタンをクリックして、チャネルボタンのメニューを表示できます。
例えば、訪問者がチャットを開始したい場合、チャットウィンドウが表示されます：
- アプリセレクターをクリックして、次を選択します：Guide。
- Templatesをクリックします。
- New Templateをクリックします。
- Template titleを入力します。
- [Template type]を[Multiple Button Menu]に設定します。
-
デザインエディタータブで、テンプレートの外観を制御するための値を設定します。
このステップのフィールドについての詳細
フィールド 詳細 PositionをBottom rightまたはBottom leftに設定して、Guideテンプレートボタンがウェブサイト上のどこに表示されるかを決定します。 必要に応じて、テンプレートに使用するTheme colorを入力します。 ブランディングで設定されたTheme colorを使用するには、このフィールドを空白のままにします。 ブランディングをオーバーライドするには、カラーピッカーを使用して色を選択するか、色の16進数コードを入力します。
必要に応じて、テンプレートに使用するFont colorを入力します。 ブランディングで設定されたFont colorを使用するには、このフィールドを空白のままにします。 ブランディングをオーバーライドするには、カラーピッカーを使用して色を選択するか、色の16進数コードを入力します。 メニューが開いているときにチャネルボタンが展開するように、Template directionを設定します。 オプションはVerticalまたはHorizontalです。 Menu buttonを選択すると、訪問者が利用できるチャネルボタンのメニューが表示されます。 -
テンプレートチャネルタブで、各チャネルに1つずつ、最大4つのボタンを定義します。
このステップのフィールドについての詳細
フィールド 詳細 最初のチャネルEntry pointに使用するからを選択します。
-
[Entry point]をチャットまたはEメールチャネルに設定し、事前アンケートでエントリーポイントが設定されている場合、追加のオプションフィールドが表示されます。 [Choose File]をクリックして、[Precontact survey icon]を選択し、[Precontact survey label]を入力して、Guideウィジェットの上部に表示されるアイコンとラベルを定義します：
-
Entry pointをナレッジベースに設定した場合は、 Popup Titleを指定します。 例えば、ポップアップに役立つ記事とタイトルを付ける場合があります。
チャネルを表示するButtonを選択します。 エントリーポイント用に定義されたボタンを使用する場合は、これを空白のままにします。
スクリーンリーダーに使用するLabelを入力します。 クリックして、テンプレートに含める別のチャネルを定義します。 最大4つのチャネルを追加できます。
各テンプレートは、1つのナレッジベースチャネルと1つのチャットチャネルに制限されます。
-
- Saveをクリックします。
- テンプレートの外観と動作をチェックします。
カスタムポータルテンプレートを作成する
カスタマーポータルテンプレートを使用して、Expertのポータルと最大4つのチャネル コンタクトがエージェントやボットとやり取りする方法。 チャネルには、音声、Eメール、チャット、ソーシャルメディアなどが含まれます。エントリーポイントを同時に提供します。 これにはExpertとの統合が必要です。
Myraは、訪問者サポートに尋ねる質問トップ10に関する記事を掲載するカスタマーポータルを提供することを決定します。 また、チャットやEメールなど、他のチャネルも提供したいと考えています。 彼女はカスタマーポータルのテンプレートを作成します。 彼女がテンプレート用に設定したメニューボタンは、Jungleのウェブサイトのホームページの左下に表示されます：
ウェブサイトの訪問者は、メニューボタンをクリックして、ポータルと彼女が設定したチャネルを表示することができます：
- アプリセレクターをクリックして、次を選択します：Guide。
- Templatesをクリックします。
- New Templateをクリックします。
- Template titleを入力します。
- [Template type]を[Customer Portal]に設定します。
-
デザインエディタータブで、テンプレートの外観を制御するための値を設定します。
このステップのフィールドについての詳細
フィールド 詳細 PositionをBottom rightまたはBottom leftに設定して、ウェブサイト上でテンプレートが表示される場所を決定します。 必要に応じて、テンプレートに使用するTheme colorを入力します。 ブランディングで設定されたTheme colorを使用するには、このフィールドを空白のままにします。 ブランディングをオーバーライドするには、カラーピッカーを使用して色を選択するか、色の16進数コードを入力します。
必要に応じて、テンプレートに使用するFont colorを入力します。 ブランディングで設定されたFont colorを使用するには、このフィールドを空白のままにします。 ブランディングをオーバーライドするには、カラーピッカーを使用して色を選択するか、色の16進数コードを入力します。 Main iconをアップロードします。 カスタマーポータルテンプレートの左上隅に表示されるロゴなどの画像です。 画像は50 KB未満でなければなりません。 この画像は必須です。 Headingを入力します。 テンプレートの上部に表示されるテキストです。 例えば、これをようこそに設定する場合もあります。 見出しは必須です。 オプションのSub headingを入力します。 小見出しはHeadingの下に表示されます。 例えば、 これは、どうされましたか？と設定される場合もあります。 このテキストは、ブランドで指定されたフォント色で表示されます。 -
テンプレートコンテンツが表示される順序を決定するために、テンプレートアウトラインを設定します。
-
-
Knowledge base firstでは、テンプレートの上部にExpertポータル、下部に他のチャネルのボタンが表示されます。
-
メニューボタンを設定します。 訪問者が利用できるチャネルボタンのメニューを表示するボタン。 [Select item]をクリックし、訪問者がチャネルのメニューを表示するためにクリックするボタンを選択します。 -
-
テンプレートチャネルタブで、各チャネルに1つずつ、最大4つのボタンを定義します。
このステップのフィールドについての詳細
フィールド 詳細 Entry point最初のチャネルに使用するを選択します。 ナレッジベースのエントリーポイント以外の任意のエントリーポイントにすることができます。
[Entry point]をチャットまたはEメールチャネルに設定し、事前アンケートでエントリーポイントが設定されている場合、追加のオプションフィールドが表示されます。 [Choose File]をクリックして、[Precontact survey icon]を選択し、[Precontact survey label]を入力して、Guideウィジェットの上部に表示されるアイコンとラベルを定義します：
チャネルに使用するButtonを選択します。 エントリーポイント用に定義されたボタンを使用する場合は、これを空白のままにします。
ボタンに使用するLabelを入力します。 このフィールドは必須です。 ラベルは18文字に制限されています。 このラベルはスクリーンリーダーでも使用されます。 クリックして、カスタマーポータルで提供する別のチャネルを定義します。 最大4つのチャネルを追加できます。
各テンプレートは、1つのチャットチャネルに限定されています。
-
ナレッジベースタブで、カスタマーポータルに表示するコンテンツを定義します。
- Saveをクリックします。
- テンプレートの外観と動作をチェックします。
テンプレートの外観と動作をチェックする
テンプレートに必要なフィールドをすべて指定すると、ページの右下隅にプレビューが表示されます。
テンプレートへの変更を続行すると、プレビューが更新されます。 右上隅のドロップダウンを使用して、異なるブランディング設定でテンプレートをプレビューします。
プレビューが期待どおりに動作しない場合は、以下を確認してください。
-
必須の各フィールドに値を設定しましたか？ テンプレートに必要なフィールドをすべて表示するために、複数のタブを表示する必要がある場合があります。 テンプレートタイトルも必須フィールドです。
-
設定した値は有効ですか？ Guideにはテキストフィールドの長さ制限がありますが、Guideは値を設定するときに制限を強制しません。 タブキーを使用してページ内を移動し、必要なフィールド値が有効であることを確認できます。 それらが有効でない場合、次のフィールドに移動した後にエラーメッセージが表示されます。