リソースセンターにZendeskチケットフォームを追加する

最終更新日:

テクニカルサポートチームでZendeskを使用している場合は、リソースセンターのカスタムモジュールを通じて、顧客がZendeskのチケットフォームにアクセスできるようにすることができます。これにより、顧客はアプリケーションを離れることなく、効率的にサポートリクエストを送信できます。

前提条件

リソースセンターを設定するには、以下のものが必要です。

  • Pendoサブスクリプションのリソースセンターコンテンツを編集および昇格する権限
  • 新しいZendeskリクエストを作成するためのリンク
  • Zendeskリクエストをすべて表示するためのリンク

セットアップ

ステップ1:リソースセンターに移動する

左側のナビゲーションで[ガイド(Guides)]、次に[リソースセンター(Resource Center)]を選択します。

リソースセンターへのメニュー操作ガイド

注:複数のアプリケーションが設定されている場合は、設定されているリソースセンターのリストが表示されます。このカスタムモジュールを追加するリソースセンターを選択します。

ステップ2:新しいサンドボックスモジュールを追加する

新しいモジュールを追加するには、ドラフトタブの[ホームビュー(Home View)]の上にカーソルを置き、[モジュールを追加(Add Module)]オプションを表示します。

ホームビューにモジュールを追加する

[サンドボックス(Sandbox)]モジュールを選択し、[モジュールを追加(Add Modules)]を選択します。

コードサンドボックスモジュールを追加する

ステップ3:ビジュアルデザインスタジオでサンドボックスモジュールを設定する

[自分のアプリで編集(Edit in my app)]を選択して、ビジュアルデザインスタジオでリソースセンターを開きます。

[自分のアプリで編集(Edit in my app)]ボタンを選択する

デザイナーに表示されたら、トレイでサンドボックスモジュールを選択し、サンプルのHTML/CSSコードのスニペットをベーステンプレートとして使用してモジュールを設定します。

編集するサンドボックスモジュールを選択する

サンドボックスモジュールには、HTML、CSS、JSの3つのタブがあります

HTMLスニペット

<div id="intro">
< h3>さらにサポートが必要な場合はテクニカルサポートチームにお問い合わせいただくか、以下のページで既存の全チケットをご覧ください。</h3>
</div>

<div id="support-links">
<button class="button-link-1">
<a href="add-your-zendesk-request-link-here" target="_blank">新しいチケットを作成</a>
</button>
<button class="button-link-2">
<a href="add-your-zendesk-see-all-requests-link-here" target="_blank">すべてのチケットを表示</a>
</button>
</div>

<div class="note">
Powered by Zendesk
</div>

CSSスニペット

h3 {
padding-left: 30px;
padding-right: 30px;
font-size: 16px;
font-family: inherit;
}

.button-link-1, .button-link-2 {
padding: 30px;
margin-top: 5%;
margin-bottom: 3%;
margin-left: 10%;
margin-right: 10%;
width: 80%;
border: 1px #eee;
border-style: solid;
font-weight: 600;
}

.note {
padding: 50px;
text-align: center;
color: #ccc;
}

モジュールの設定が完了したら、変更を保存してデザイナーを終了します。

変更を保存します

ステップ4. 対象セグメントを調整する 

新しいZendeskリクエストを送信できるのはエンドユーザーのみです。顧客のみをターゲットとするセグメントを割り当てます。

モジュールにセグメントを割り当てる

注:次のステップでモジュールをテストできるように、一時的に自分をセグメントに追加してください。

ステップ5:変更をステージングする

変更内容をステージングにプッシュすると、ステージング環境でモジュールを確認し、テストすることができます。セグメントルールを満たしていないユーザーのリソースセンターには、モジュールが表示されません。

ステージングにプッシュ

ヒント:ステージング環境がない場合は、自分を対象とするようにセグメントを更新し、代わりに本番環境でテストできます。ステージング環境が設定されていない場合でも、[本番環境にプッシュ(Push to Production)]を選択する前に、[ステージングにプッシュ(Push to Staging)]を選択する必要があります。

ステップ6:本番環境に展開する

更新を本番環境にプッシュしてください。

本番環境へのプッシュ

ヒント:テストのためにセグメントを自分自身に設定した場合は、対象セグメントをエンドユーザーに戻すことを忘れないでください。セグメントの変更は即時に反映され、ステージングまたは本番環境へのプッシュは不要です。

この記事は役に立ちましたか?
5人中2人がこの記事が役に立ったと言っています