フェイスブックメッセンジャーをWordPressに表示させるには?

シェアする

Facebookメッセンジャーを使ったチャットボット(読者の質問に自動で返答してくれるロボット)を作ってます。
サーバーにプログラムを作って自作する方法を、記事「Facebookページのメッセンジャーボットを自作しよう~ボットの設置まで~」で紹介してます。

ブログでお客様からの質問で、簡単に答えられるものは自動で返信できたら、お客様にも便利ですし、あなたの手間も減りますよね。

この記事では、Facebookページのメッセンジャーをワードプレスに配置する方法を紹介します。

フェイスブックのメッセンジャーをワードプレスに表示させる方法

フェイスブックページより表示させるコードを取得する

フェイスブックページの「設定」をクリックし、
左メニューの「Messengerプラットフォーム」をクリック。
さらに「カスタマーチャットプラグイン」の「セクションに移動」をクリックします。

・カスタマーチャットプラグインのセクションが表示されるので、「設定」をクリックします。

・「次へ」で進めます。

・「日本語」を選択し、あいさつの「変更」をクリックします。

・あいさつ文を変更し、「保存」をクリックします。
  終わったら「次へ」で進みます。

・返信時間の目安は表示用の設定です。
  あと、色を変更したかったら、カスタムカラーを「ON」にします。
終わったら、「次へ」で進みます。

・メッセージを使いたいウェブサイトのドメインを登録します。
 「別のドメインを追加」と書いてあるテキストボックスに
 ドメイン名までのURLを入力して、「保存」をクリックします。

・ワードプレスに貼り付けるコードをコピーします。
 下図のように、コード領域にマウスを合わせて、左クリックするだけで、
 クリックボードにコピーされます。

取得したコードをワードプレスに貼り付ける

・「外見」メニューの「ウィジット」を開きます。

・「カスタムHTML」を「スクロール追従領域」に「ウィジット追加」します。それぞれをクリックすれば追加されます。

・追加されたカスタムHTMLの「内容」欄にコードを貼り付けて「保存」をクリックします。

・フェイスブックページの「カスタマーチャット設定」は「完了」をクリックして閉じましょう。

以上で追加されました。

あなたのサイトを訪れたお客様の各ページの左下に下図のアイコンが表示されます。
クリックすると、メッセージウィンドウが開きます。

メッセージウィンドウは、最初は下図のように「チャット」をクリックするまで始まりません。またこのとき「別のアカウントでログイン」でフェイスブックのアカウントを切り替えることもできます。

・ログインするか「チャット」をクリックしたら、
下図のようにチャットすることができます。

まとめ

プラグインを使うことなく、ワードプレスにフェイスブックページのメッセンジャーを表示させることができました。

お客様の問い合わせ対応、読者の質問対応などに利用しましょう。

フェイスブックページのメッセンジャーにボットを実装すれば、応対の自動化も図ることができます。

記事「Facebookページのメッセンジャーボットを自作しよう~ボットの設置まで~」に紹介していますので、合わせて読んでみてください。

この記事が気に入ったら
いいね ! しよう