ヘルプセンターのホームページのカスタマイズ

ヘルプセンターのホームページのカスタマイズ

Zoho Deskのヘルプセンターのコンテンツの並び順は、ドラッグ＆ドロップ操作で簡単にカスタマイズできます。カスタムウィジェットを追加して、タブを表示/非表示にし、外観をカスタマイズして、顧客が適切な場所で 適切なコンテンツを 利用できるようにします。



ウィジェット
ウィジェットは、ヘルプセンター内のさまざまなページに関連付けられている追加コンポーネントです。Zoho Deskに予め用意されている 標準 ウィジェットを使用するか、独自の カスタム ウィジェットを作成できます。標準ウィジェットは、次のとおりです：
  • お知らせ
  • コミュニティのカテゴリー
  • 顧客満足度評価
  • ナレッジベースのカテゴリー
  • タブ
  • 最も議論されているトピック
  • 参加者
  • 人気の記事
  • 人気のトピック
  • 最近の記事
  • 最近のトピック
  • 関連記事
  • 固定投稿
  • 上位の貢献者

標準ウィジェットにアクセスするには：
  1. 上部のバーにある 設定 アイコン（ ）をクリックします。
  2. ［経路］ メニュー内の ［ヘルプセンター］ をクリックします。
  3. HTMLをカスタマイズする ヘルプセンター を選択 します。
  4. ［ヘルプセンター］ サブメニューで、左パネルから ［ヘルプセンターのカスタマイズ］ をクリックします。
    ［テーマのリスト］ ページが表示されます。
  5. 公開したテーマの横にある ［カスタマイズ］ をクリックします。



  6. ページの上部から ［ウィジェット］ をクリックします。
  7. 標準ウィジェットのリストが表示されます。



カスタムウィジェットの追加
ヘルプセンターの様々なページに、カスタムウィジェットを追加できます。

カスタムウィジェットを追加するには：
  1. 上部のバーにある 設定 アイコン（ ）をクリックします。
  2. ［経路］ メニュー内の ［ヘルプセンター］ をクリックします。
  3. HTMLをカスタマイズする ヘルプセンター を選択 します。
  4. ［ヘルプセンター］ サブメニューで、左パネルから ［ヘルプセンターのカスタマイズ］ をクリックします。
    ［テーマのリスト］ ページが表示されます。
  5. 公開したテーマの横にある ［カスタマイズ］ をクリックします。
  6. ページの上部から ［ウィジェット］ をクリックします。 
  7. 左パネルから ［カスタムウィジェット］ をクリックします。
  8. 新しいカスタムウィジェットを追加するには、画面上部から プラス アイコン（ ）をクリックします。



  9. ［ウィジェットの追加］ 画面で、次の手順を実行します：
    1. ウィジェットの 名前 を入力します。
    2. ［ウィジェット名の表示］の切り替えスイッチを有効にします。
    3. ［ウィジェットの翻訳の表示］の切り替えスイッチを有効にします。
      各言語に対して設定を有効にすると、 ヘルプセンターでユーザーが対象の言語を選択した際に、カスタムウィジェットが表示されます。
    4. ウィジェットを表示する 部門 を選択します。
      初期設定では、       ［すべての部門］ が選択されています。
    5. ウィジェット内に表示する コンテンツ を入力します。
    6. ［保存する］ をクリックします。
  10. カスタムウィジェットの追加が完了しました。

編集 アイコン（ ）をクリックして、ウィジェットに変更を加えられます。ウィジェットが不要になった場合は、 削除 アイコン（ ）をクリックして、 ［削除済みのウィジェット］ セクションに移動できます。

メモ：
  • 標準ウィジェットとカスタムウィジェットは、どちらも 削除 できます。
  • 削除したウィジェットは、いつでもごみ箱から 復元  （ アイコンをクリック）できます。 
  • すべてのテーマですべての標準ウィジェットが利用できるわけではありません。
  • テーマに関するカスタマイズの内容は下書きとして保存できます。また、下書きは必要に応じて削除できます。


ページ
ページは、ヘルプセンター内のデータを表示し、整理するための主な方法です。また、標準ウィジェットや 作成した カスタムウィジェットに エンドユーザーが アクセスする場所がページです。ページ内にコンテンツや新しいウィジェットを をドラッグする だけで、ページをカスタマイズできます。



Zoho Deskでは、 7種類のページ を利用して、多様な コンテンツ を作成できます。7種類の ページは次の通りです：
  1. ヘルプセンター/部門のホームページ
    エンドユーザーがヘルプセンターに訪問した際に最初に見るページです。一般的に、ヘルプセンターのroot URLです。
  2. ナレッジベースのホームページ
    エンドユーザーがヘルプセンター内のナレッジベースタブをクリックした時に開く最初のページです。
  3. 記事のリストページ
    ナレッジベース記事の概要リストを表示するページです。
  4. 記事の詳細ページ
    ナレッジベース記事の詳細を参照するページです。
  5. コミュニティのホームページ
    エンドユーザーがヘルプセンター内のコミュニティタブをクリックした際に開く最初のページです。
  6. トピックのリストページ
    コミュニティ投稿の概要リストを表示するページです。
  7. トピックの詳細ページ
    コミュニティトピックの詳細を参照するページです。

これらのページは、標準ウィジェットにインストールされていますのでご注意ください。新しいウィジェットを追加したり、ウィジェットを削除したりすることで、エンドユーザーが利用できるウィジェットを制御できます。手順は次のとおりです。

メモ：
  1. すべてのテーマですべてのページが利用できるわけではありません。たとえば、マテリアルテーマではヘルプセンターのホームページは利用できません。
  2. ヘルプセンターのコミュニティタグを表示するよう選択した場合のみ、コミュニティページが表示されます。 ［タブのカスタマイズ］ セクションをご参照ください。

ページのカスタマイズ
ページをカスタマイズする際は、ヘルプセンターの活動や要件に目を通すことから始める必要があります。これらの活動や要件は、カスタマイズしたページ内に反映されます。たとえば、カスタマーサービスイベントを実施するよう決定した際に、ヘルプセンターからの登録を承認できる、イベントへの登録フォームを作成できます。イベント詳細とともにカスタムウィジェットを作成して、ヘルプセンターのホームページに追加するだけです。

ウィジェットをドラッグ＆ドロップして、ページを簡単にカスタマイズできます。手順を見ていきましょう。

ページをカスタマイズするには：
  1. 上部のバーにある 設定 アイコン（ ）をクリックします。
  2. ［経路］ メニュー内の ［ヘルプセンター］ をクリックします。
  3. HTMLをカスタマイズする ヘルプセンター ーを選択 します。
  4. ［ヘルプセンター］ サブメニューで、左パネルから ［ヘルプセンターのカスタマイズ］ をクリックします。
    ［テーマのリスト］ ページが表示されます。
  5. 公開したテーマの横にある ［カスタマイズ］ をクリックします。
  6. ページの上部から ［ウィジェット］ をクリックして、左パネルから ［ページ］ をクリックします。



  7. 左パネルから、カスタマイズ対象のページを選択し、以下の手順を実行します：
    1. 右枠からページへ、標準ウィジェットをドラッグ＆ドロップします。
    2. 右枠の ［カスタムウィジェット］ セクションからページへ、 カスタムウィジェットをドラッグ＆ドロップします。
    3. ドラッグ＆ドロップ操作で、ウィジェットの表示順を変更します。
    4. ページから削除するウィジェットの横にある 削除 アイコン（ ）をクリックします。
      メモ：  ウィジェットには、ヘッダーやフッターなど、削除できないものもあります。

  8. ［プレビュー］ をクリックして、行った変更内容を 確認します。
  9. ［公開］ をクリックします。

タブのカスタマイズ
ホームページは、ページ上部に表示されるタブで構成されています。表示するタブやその表示順をカスタマイズできます。ヘルプセンターで利用できる標準タブは、次のとおりです：
  1. ホーム
  2. 問い合わせ
  3. ナレッジベース
  4. コミュニティ
関連タブのみ表示し、不要なタブは隠せます。たとえば、顧客をまだ獲得していない小規模企業には、Zoho Desk のコミュニティタブは不要です。したがって、タブを隠せます。

タブをカスタマイズするには：
  1. 上部のバーにある 設定 アイコン（ ）をクリックします。
  2. ［経路］ メニュー内の ［ヘルプセンター］ をクリックします。
  3. HTMLをカスタマイズする ヘルプセンター を選択 します。
  4. ［ヘルプセンター］ サブメニューで、左パネルから ［ヘルプセンターのカスタマイズ］ をクリックします。
    ［テーマのリスト］ ページが表示されます。
  5. 公開したテーマの横にある ［カスタマイズ］ をクリックします。
  6. ページの上部から ［タブ］ をクリックします。



  7. ［タブ］ ページで、次の手順を実行します：
    1. タブにマウスのカーソルを合わせて、 編集 アイコン（ ）をクリックします。
    2. タブの 表示名 を入力します。
      表示名は、初期名よりも優先されます。
    3. ヘルプセンターでこのタブを初期設定タブにする場合は、 ［初期設定にする］ オプションを有効にします。
      タブはいくつでも初期設定に設定できます。
    4. ［表示設定］ オプションを有効にして、ヘルプセンターにタブを表示します。
    5. 画面内の ［保存］ をクリックします。
  8. ［公開］ をクリックすると、行った変更内容が反映されます。
リスト内で タブをドラッグ＆ドロップして、上や下に移動できます。タブの並べ替えが完了したら、忘れずに ［公開］ をクリックします。

メモ：
  1. ヘルプセンターには、1件以上のタブを表示する必要があります。
  2. HTMLをすでにカスタマイズしている場合は、タブのカスタマイズは利用できません。

外観のカスタマイズ
Zoho Deskでは、カスタムフォント/色や背景画像など、ヘルプセンターの外観をカスタマイズするための幅広いオプションを利用できます。このように、自社のブランディングにマッチするよう ヘルプセンターをカスタマイズできます。外観を カスタマイズ可能な 要素は、次のとおりです：
  1. フォント： Lato（初期設定）、Ariel、Georgia、Helvetica
  2. 色
    1. ボディ
    2. ヘッダー
    3. タブ
    4. ナビゲーション
    5. ぱんくず
    6. リンク
    7. ボタン
    8. フッター

外観をカスタマイズするには：
  1. 上部のバーにある 設定 アイコン（ ）をクリックします。
  2. ［経路］ メニュー内の ［ヘルプセンター］ をクリックします。
  3. HTMLをカスタマイズする ヘルプセンター ーを選択 します。
  4. ［ヘルプセンター］ サブメニューで、左パネルから ［ヘルプセンターのカスタマイズ］ をクリックします。
    ［テーマのリスト］ ページが表示されます。
  5. 公開したテーマの横にある ［カスタマイズ］ をクリックします。
  6. ［外観］ ページで、ボディやヘッダー、タブなどの フォント、色 を選択します。
    メモ：  必要な色がパレット上にない場合、HEXコードを直接入力できます。
  7. ［プレビュー］ をクリックして、行った変更内容を確認します。
  8. ［公開］ をクリックします。


Before Updated