このガイドでは、HelpScout チャットウィジェットを Discourse サイトに追加して、ユーザーがチームと 1 対 1 のチャットを開始できるようにする方法を説明します。
必要なユーザーレベル: Administrator
概要
このガイドでは、HelpScout チャットウィジェットを Discourse サイトに統合するプロセスを順を追って説明します。この統合により、ユーザーはチームと直接会話を開始できるようになり、ユーザーサポートとエンゲージメントが向上します。
HelpScout の設定
- https://www.helpscout.com/ でアカウントを作成します
- アカウントとメールボックスの設定手順を完了します
Set Up Beaconをクリックします
- Beacon の設定を構成します
Copyボタンを使用して、提供されたスクリプトをコピーします
Discourse への HelpScout ウィジェットの追加
- Discourse 管理パネルに移動し、「カスタマイズ」セクションの下にある「
Themes & components」に移動します Installをクリックします- インストールモーダルで、「
Create new」タブを選択します - コンポーネントの名前を入力します（例：「HelpScout Chat Widget」）、タイプを「Component」に設定し、「
Create」をクリックします - 新しいコンポーネントを追加してアクティブ化するテーマを選択します
Edit Codeをクリックします
- 「
common」>「<html>」タブに移動します - 先ほどコピーした HelpScout スクリプトを貼り付けます
Saveをクリックします
Discourse サイト設定の構成
- Discourse サイト設定で、「content security policy script src」を検索します
- 許可リストに次の URL を追加します。
https://beacon-v2.helpscout.net/
統合の確認
- Discourse ホームページに戻ります
- 訪問者と登録ユーザーの両方に、右下にチャットアイコンが表示されるはずです。
- アイコンが表示されない場合は、サイトをハードリフレッシュしてください
HelpScout チャットウィジェットの使用
統合後、ユーザーはチームと 1 対 1 のチャットを開始できます。
受信したメッセージには、HelpScout ダッシュボードとメールボックスからアクセスして返信できます。