WordPressサイトにチャットウィジェットを追加する方法

顧客とのつながりを簡単にしましょう。このガイドでは、PushEngageのチャットウィジェットを使用して、ウェブサイト訪問者がお気に入りのソーシャルメディアやメッセージングアプリであなたとの会話を開始できるようにする方法を説明します。

オンサイトチャットウィジェットとは?

チャットウィジェットは、ウェブサイトに追加できる、カスタマイズ可能な単一のウィジェットです。訪問者がそれをクリックすると、有効にしたコミュニケーションチャネルのリストが表示されます。これにより、WhatsApp、Facebook Messenger、Instagram、TikTokなど、日常的に使用しているプラットフォームで、すぐにあなたに連絡できるようになります。

マルチチャネルチャットウィジェットの使用は、顧客コミュニケーションとリード生成を大幅に改善できます。

チャットウィジェットの設定

インストール済みプラグインに移動し、PushEngageをクリックします

次に、ナビゲーションバーから「チャットウィジェット」オプションをクリックできます。

ウィジェットを作成」ボタンをクリックします。

チャネルを選択する

まず、ウィジェット名を追加できます。名前を選択したら、顧客が会話を開始するために追加したいチャネルを選択できます。

チャネルを1つ以上選択したら、必要な詳細を入力できます。

詳細はそれぞれ異なります。WhatsAppを使用する場合は、ビジネスオーナーのWhatsApp電話番号を追加する必要があります。Instagramメッセージを選択した場合は、プロフィールをリンクする必要があります。

チャットをパーソナライズするためにエージェントを追加する

エージェントセクションまでスクロールダウンすると、チームメンバーの名前、役職、写真などのプロフィールを追加できます。これにより、ウィジェットにパーソナルなタッチが加わり、顧客は誰と話しているのかを知ることができます。

Messenger、TikTok、SMS、Instagramメッセージ、X、Slack、Discordなど、必要なだけ多くのチャネルを追加できます。右側のプレビューはリアルタイムで更新されます。

有効なチャネルのリストが表示され、マーケティングコミュニケーションの優先順位に基づいて、ドラッグアンドドロップでウィジェット内で簡単に並べ替えることができます。

ウィジェットの外観を設定する

外観」タブに移動します。ここでは、ウィジェットの色をブランドに合わせて変更したり、画面上の位置、サイズ、フォントを調整したり、ブランドスタイルに合わせてアニメーション効果を追加したりできます。

詳細表示は、ウィジェットのスタイルにも役立ちます。

標準表示とは別に、詳細表示では、これらのウィジェットを通じて生成された訪問者を追跡するためにGoogleアナリティクスを有効にするオプションもあります。

背景ぼかし効果を追加して、ユーザーがチャットを開始したときに、フォーカスがウィジェットのみに当たるようにします。

カスタムCSSを追加して、デフォルトのデザインを上書きし、ウィジェットをカスタマイズすることもできます。

設定を保存」をクリックしたら、トリガーセクションに移動できます。

表示トリガーを設定する

トリガー」タブに移動して、ウィジェットが表示されるタイミングと場所を制御します。ページ読み込み時にすぐに表示したり、数秒後に表示したり、Exit-Intentトリガーを使用してユーザーがサイトを離れようとしているときに表示したりできます。特定のURLをターゲットにして、関連ページにのみウィジェットを表示することもできます。

ここでは、ウィジェットがページに表示されるトリガータイプを設定できます。数秒後、特定のスクロール率後、またはExit Intentで表示できます。

すべてのページに表示したくない場合は、ターゲティングのルールを追加することもできます。

さらに、特定の営業時間とともに、このウィジェットの表示期間をスケジュールすることもできます。

最終確認ができます。設定に満足したら、 設定の保存 ボタンをクリックしてください。これでウィジェットがサイトに表示されます。

万が一問題が発生した場合は、こちらをクリックしてお問い合わせください。サポートチームがお手伝いします。

最終更新日:2026年3月9日

ウェブサイトを離れた後も訪問者をエンゲージし、維持する

見逃せないプッシュ通知で、すべてのウェブ訪問の価値を高めましょう。

  • 永久無料プラン
  • 簡単なセットアップ
  • 5つ星サポート