Guideインターフェイスを構成する

Guideは、ウェブサイト上のGuideウィジェットの外観を決定するために定義するデフォルトのブランディングとチャネルボタンを使用します。

ベストプラクティス

  • マーケティング部署と協力して、ウェブサイトを補完するチャネルボタンの画像とブランディングカラーを選択します。

  • ウェブサイト全体で一貫したチャネルボタンとブランディングを使用します。

  • 複数のウェブサイトがある場合、それぞれのウェブサイトに独自のブランディングを定義する必要があるかどうかを判断します。

  • デフォルトのブランディングカラーに依存するには、ボタンまたはテンプレートを定義する際にTheme colorを設定しないでください。

  • デフォルトのブランディングカラーをオーバーライドするには、特定のボタンまたはテンプレートで異なる色を設定できます。次のことに留意してください：

    • [Theme color]をテンプレート用に設定した場合、その色はブランドカラーの設定を上書きします。

    • テンプレート用にTheme colorを設定し、ボタン用にTheme color を設定した場合、ボタンの色はテンプレートとブランドカラーの設定を上書きします。

  • 高度なカスタムスタイリングについては、GuideAPI を使用するか、CXoneアカウント担当者で作業してカスタム外観を作成することができます。

ブランディングを作成する

ブランディングでは、テンプレートとボタン用にデフォルトで使用する色を設定します。Guideは、必要に応じてカスタマイズすることができるデフォルトのブランディングを提供します。

必要であれば、複数のブランディングを作成することもできます。たとえば、ガイドテンプレートを異なるウェブサイトで提供する予定の場合、ウェブサイトごとに独自のブランディングを使用することができます。テンプレートを表示するルールを定義する際、Guide Set Brandingアクションを使用して、テンプレートに使用するブランディングを決定します。

Watch a short video on setting up branding.

  1. アプリセレクターをクリックして、選択ACD.

  2. [デジタル]>[Points of Contact Digital]に移動します。

  3. General channel featuresで、[Guide]をクリックします。

  4. Brandingsをクリックします。

    ブランディングのページ。テナントのために作成されたブランディングと、デフォルトのブランディングがリストされます。

  5. [Edit ]をクリックして、Default のブランド設定を変更します。あるいは[Add Branding]をクリックして、新規ブランドを作成します。

  6. ブランドの名前と色を入力します。テンプレートとボタン用にブランディングを使用するには、デフォルトのチェックボックスを選択します。

    フィールド 詳細
    Name ブランドを識別するための一意の名前。

    Theme Primary color

    ヘッダー、最小化ボタン、チャネルボタンの背景に使用する色。チャネルボタンやテンプレートがブランディングカラーを上書きするテーマカラーを設定しない限り、この色はすべてのGuideテンプレートに使用されます。
    Font primary color ヘッダーに表示されるテキスト、および最小化ボタンと戻るボタンに表示される矢印に使用する色。16進数を入力します。例えば、黒を使うには、#000000を指定します。
    Is default

    これをデフォルトのブランディングにするにはチェックを入れます。

    ブランディングをデフォルトに設定すると、すべての既存および新規テンプレートに適用されます。

  7. 保存をクリックします。

チャネルボタンを作成する

Guideで提供する予定のチャネル閉じた コンタクトがエージェントやボットとインタラクトするための方法です。チャネルは、音声、メール、チャット、ソーシャルメディアなどの可能性があります。ごとにボタンを作成します。ボタンを作成したら、 それらをエントリーポイントに関連付けます。エントリーポイント用に違うボタンを設定することでテンプレートを定義する際、ボタンをオーバーライドすることができます。

View a short video on creating channel buttons.

  1. アプリセレクターをクリックして、選択ACD.

  2. [デジタル]>[Points of Contact Digital]に移動します。

  3. General channel featuresで、[Guide]をクリックします。

  4. [Buttons ]セクションにスクロールダウンし、[Add button]をクリックします。

    ボタンのページ。作成されたすべてのボタンと、そのボタンを使用するテンプレートとエントリーポイントのリストが表示されます。

  5. ボタンのNameを入力します。

  6. [Choose File ]をクリックしてボタンのIconをアップロードします。

    アイコン画像は50KB以下で、.SVGファイルが推奨されます。

  7. 必要に応じて、Theme color フィールドでチャネルボタンの背景色を設定します。

    ブランド用に設定されたデフォルトのチャネルボタンの背景色を使用するには、このフィールドを空白のままにします。

    ボタンに透明な背景を使用するには、[Transparent background]を選択します。

  8. Saveをクリックします。

翻訳のために言語バリアントを追加する

Guideで使用するカスタム言語バリアントを作成できます。さらに、Guideユーザーインターフェイス要素用のラベルを編集することもできます。

デフォルト言語用の翻訳は、将来のリリースで利用可能になります。

カスタム言語を追加する

  1. アプリセレクターをクリックして、選択ACD.

  2. [デジタル]>[Points of Contact Digital]に移動します。

  3. General channel featuresで、[Guide]をクリックします。

  4. Translationsをクリックします。

  5. [ Add Language]をクリックして新しい言語を追加します。

    フィールド 詳細
    Name 言語を識別するための名前を入力します。

    Language

    ドロップダウンリストから[Language ]を選択します。
    Country ドロップダウンリストから[Country ]を選択します。
    Fallback 特定のラベルの翻訳がない場合、使用するFallback 言語を選択します。
  6. Saveをクリックします。Guideで入力されたデフォルトのラベルが表示されます。
  7. 各Translation Keyに対して、Translation Valueを入力します。これは、Guideウィジェットで訪問者に表示される文字列です。Guideで提供されたデフォルトラベル用のTranslation Keyは変更できません。
  8. 必要に応じて、ページ下部の追加をクリックして、新規の翻訳キーを作成します。Translation KeyとTranslation Valueを設定します。作成する任意の新規ラベル用のTranslation Keyを変更することができます。新規の翻訳キーを追加する場合は、必ず訪問者に提供するすべての言語で翻訳された値を入力するようにしてください。

  9. 保存をクリックします。

言語用のラベルを編集する

  1. アプリセレクターをクリックして、選択ACD.

  2. Points of Contact Digitalに移動します。

  3. General channel featuresで、[Guide]をクリックします。

  4. Translationsをクリックします。

  5. 編集する言語の横にある[Edit]をクリックします。

  6. ラベルまでスクロールして、Translation Valueを編集して更新します。たとえば、チャットを開始するボタンのラベルを Begin ChatからStart Chatに変更することができます。

  7. Saveをクリックします。

Guideウィジェットとインタラクトする

訪問者は、マウスやキーボードを使ってボタンの間を移動することで、Guideウィジェットとインタラクトすることができます。SafariまたはFirefoxブラウザーでMacを使用している場合、ブラウザーで有効になっていない限り、キーボードナビゲーションは訪問者用に制限されることに注意してください。Chromeブラウザーを使用している場合、キーはデフォルトで期待通りに作動します。