WordPressで運用しているホームページに、チャットを導入して問い合わせ率をあげよう!
![Facebookチャットプラグイン](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-43.jpg?fit=1538%2C919&ssl=1)
STEP
[プラグイン]メニューから[新規追加]をクリック
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-32.png?resize=1024%2C495&ssl=1)
どのプラグインを入れる時もこの手順で入れます。
まずは左側のプラグインから新規追加をクリックします。
STEP
検索フィールドに、「Facebook Chat Plugin」と入力して検索
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-33.png?resize=1024%2C495&ssl=1)
ページが切り替わったら右上の検索窓「Facebook Chat Plugin」と入力します。
検索ボタンを押さなくても、自動的に対象のプラグインを検索され表示されます。
STEP
[いますぐインストール]をクリックして、有効化します
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-34.png?resize=1024%2C495&ssl=1)
検索結果が表示がされたら、Facebookメッセンジャーと同じマークが付いている、こちらのプラグインをインストールします。
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-35.png?resize=1024%2C495&ssl=1)
インストールが完了したら、そのまま有効化をクリックします。
有効化すると、次の画面に切り替わります。
STEP
プラグイン一覧の中から、設定画面を開きます。
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-36.png?resize=1024%2C495&ssl=1)
画面が切り替わったら、Facebook Chat Plugin – Live Chat Plugin for WordPressという名前のプラグイン名の下にある「Settings」をクリックします。
STEP
設定をしていきます
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-37.png?resize=1024%2C445&ssl=1)
[Customer Chat]というタブの[Getting Started]セクションで、[Edit Chat Plugin]をクリックします。
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-38.png?resize=1024%2C733&ssl=1)
この画面が自動で立ち上がります。
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-39.png?resize=1024%2C733&ssl=1)
この画面が自動で立ち上がったら、下部のFacebookページを選択からご自身で管理しているページを選択しましょう。
選択したら「次へ」をクリックします。
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-40.png?resize=1024%2C733&ssl=1)
ご自身のFacebookページと連携されたら、この画面が表示されますので「次へ」をクリックして進んでいきましょう。
ここからはチャット画面のカスタマイズです。
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-41.png?resize=1024%2C719&ssl=1)
この画面からチャット画面のカスタマイズを行っていきます。
まずは一度「公開」をクリックしましょう。
STEP
チャットプラグインをカスタマイズします
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-43.png?resize=1024%2C721&ssl=1)
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-44.png?resize=1024%2C721&ssl=1)
STEP
設定が完了です
![](https://i0.wp.com/kontaworks.com/wp-content/uploads/2022/07/image-43.jpg?resize=1024%2C612&ssl=1)