エンドユーザーの言語に基づくヘルプセンターデザインの変更

メモ：Suiteプランをお持ちでないSupportとGuideのお客様がこの機能を使用するには、任意のGuideプランとSupport ProfessionalまたはSupport Enterpriseが必要です。

動的コンテンツでは、独自の翻訳を作成し、「プレースホルダ」を使用するマクロやトリガなどの自動化機能を使って、それらの翻訳を参照することができます。さらに、動的コンテンツはHTMLコードにも対応しています。たとえば、動的コンテンツアイテムを作成して、カスタマーの言語に応じてヘルプセンターのデザインを動的に変更することができます。

たとえば、あなたの会社が、フランス語と英語を話す市場をターゲットにしているとします。そのため、ヘルプセンターに異なるフッターを用意して、カスタマーの言語に基づいて、異なる連絡先情報を提供したいと考えています。または、カスタマーエクスペリエンスを向上させるために、フランス語を話すお客様にのみ、サポート番号をフランス語で表示したい場合があります。この記事では、この設定方法を学びます。

この記事では、次のトピックについて説明します。

• 新しい動的コンテンツアイテムを作成する
• ヘルプセンターテーマを編集する

メモ：HTMLは、ヘルプセンターの動的コンテンツでサポートされていますが、マクロ、トリガ、自動化、エージェント署名、チケットフィールドおよびフォームの動的コンテンツではサポートされていません。動的コンテンツは、ヘルプセンターのテンプレートでのみ使用でき、Javascriptで使用した場合はレンダリングされません。

新しい動的コンテンツアイテムを作成する

動的コンテンツを作成するには、Zendesk Support管理者である必要があります。この例では、フランス語のバリアントを持つ動的コンテンツアイテムを作成し、フランス語を話すカスタマー向けに表示するフッターのHTMLコードを追加します。動的コンテンツでは、デフォルトの言語を選べます。カスタマーがフッター翻訳のない言語を選択する場合、デフォルト言語に英語を使用することをお勧めします。

1. 管理センターで、サイドバーにある「 ワークスペース」をクリックし、「エージェントツール」>「動的コンテンツ」を選択します。
2. 「項目を追加」をクリックします。
3. 後からヘルプセンターに関連する動的コンテンツを見つけやすいように、「フッター」や「HC_フッター」などの名前を付けます。
4. たとえば「英語」など、デフォルトの言語を選択します。
5. 英語を話すカスタマー向けに表示するHTMLコードをコンテンツボックスに貼り付けます。
6. 「作成」をクリックして、動的コンテンツ項目を保存します。
7. 項目の名前は、波かっこで囲んであります。これは後で使用します。
8. 翻訳を、さらに1つか2つ追加します。これを行うには、「バリアントを追加」をクリックして、手順3〜6を再度実行します。

以上で、動的コンテンツの準備ができました。次は、この動的コンテンツをヘルプセンターに追加します。

ヘルプセンターテーマを編集する

1. Guideで、サイドバーにあるデザインをカスタマイズアイコン（）をクリックします。
2. 編集するテーマをクリックして、開きます。
3. オプションメニューをクリックし、「コードを編集」を選択します。

   

4. この例ではフッターを変更するので、フッターテンプレートを開きます。
5. 次の構文を使用して、上記で作成した動的コンテンツアイテム {{dc ' item_name '}}を挿入します。
6. 「保存」をクリックすると、新しく追加されたフッターを表示できます。
7. 「変更を公開」をクリックします。

これで、カスタマーがホームページで選択した言語に基づいて、ヘルプセンターのカスタムフッターとテキストが表示されます。

この記事ではフッターについてのみ説明しましたが、さらなるカスタマイズも可能です。カスタマーの言語に基づいて、ルックアンドフィールをまったく違うものに変えることもできます。あるいは、販売している製品の名前が英語とフランス語で異なるかもしれません。このような場合、動的コンテンツを使用して、カスタマーの言語に基づいて異なるロゴを表示できます。