選ばれる理由 サービス 制作の流れ 料金 ブログ 無料相談

YL Chatbot マニュアル

ヨコハマラボ

「プラグインをインストールしたけど、次に何をすればいいの?」

YL Chatbotは、管理画面だけで設定が完結するシンプルな設計になっています。でも初めて使う方は、どこから手をつければいいか迷うこともあるかと思います。この記事では、プラグインのインストールからチャットボットの稼働開始まで、画面キャプチャつきで丁寧に解説します。

事前に準備するもの

セットアップを始める前に、以下の2つを手元に用意してください。

  • ライセンスキー:購入完了メールに記載されています(例:YLCB-XXXX-XXXX-XXXX)
  • OpenAI APIキーplatform.openai.com で取得したキー(例:sk-…)

OpenAI APIキーをまだお持ちでない方は、OpenAIのサイトでアカウントを作成し、クレジットカードを登録した上でAPIキーを発行してください。APIの利用料はOpenAIに直接お支払いいただく形になります(目安:FAQ100件・月500会話で約75円程度)。

ステップ1:プラグインをWordPressにインストールする

購入完了メールに記載されているダウンロードリンクから、プラグインのzipファイルをダウンロードします。

次にWordPressの管理画面を開き、左メニューの「プラグイン → 新規追加」をクリックします。

1. 管理画面「プラグイン → 新規追加」クリック

画面上部の「プラグインのアップロード」ボタンをクリックし、ダウンロードしたzipファイルを選択して「今すぐインストール」をクリックします。

2. zipファイルのアップロード画面

インストール完了後、「プラグインを有効化」をクリックします。有効化が完了すると、左メニューに「チャットボット」という項目が追加されます。

プラグイン有効化
左メニューに「チャットボット」追加後

ステップ2:ライセンスキーを認証する

左メニューの「チャットボット」をクリックし、管理画面を開きます。「ライセンス」タブをクリックしてください。

4. 「ライセンス」タブを開いた状態

ライセンスキー入力欄に、購入完了メールに記載されているキーを貼り付けて「認証する」をクリックします。「認証済み」と表示されれば完了です。

5. ライセンス認証済み状態

ステップ3:OpenAI APIキーを設定する

基本設定」タブをクリックします。「OpenAI APIキー」の入力欄に、取得したAPIキー(sk-…)を貼り付けて「設定を保存」をクリックしてください。

基本設定タブでAPIキー入力

同じ画面で、以下の設定も行っておきましょう。

  • ウェルカムメッセージ:チャットを開いたときに最初に表示される一言。会社名や担当者名を入れてみましょう
  • キャラクター設定:AIへの指示文。「あなたは〇〇株式会社のサポート担当です。丁寧な言葉遣いで回答してください」のように書くと回答の口調が整います
インポート/エクスポートタブでCSVをアップロードしている状態

ステップ4:FAQを登録する

FAQ管理」タブをクリックします。ページ上部の入力フォームに「カテゴリ」「質問」「回答」を入力して「FAQを追加」をクリックすると、一覧に追加されます。

FAQ管理タブでFAQを入力している状態

FAQはCSVで一括インポートすることもできます。「インポート/エクスポート」タブからテンプレートCSVをダウンロードし、Excelで記入して再アップロードするだけで、大量のFAQをまとめて登録できます。

インポート/エクスポートタブでCSVをアップロードしている状態

FAQの書き方のコツ

  • 質問は具体的に:「料金は?」より「初回相談の費用はいくらですか?」の方が精度が上がります
  • 回答はそのまま使える文章で:AIがFAQをそのまま参照するため、読みやすい文章で書くとチャットの回答もきれいになります
  • お問い合わせへの誘導も忘れずに:「詳しくはこちらのフォームからどうぞ」のようにリンクも設置できます

ステップ5:チャットボットの見た目を調整する

基本設定」タブの下部に、チャットボタンのカラー設定があります。サイトのデザインに合わせてカラーを変更できます。

設定項目 内容
ボタンカラー 右下に表示されるチャット開閉ボタンの色
ホバーカラー ボタンにマウスを乗せたときの色
送信ボタンカラー メッセージ送信ボタンの色
基本設定タブのカラー設定部分

設定を保存したら、実際にサイトのフロントページを開いて、右下にチャットボタンが表示されているか確認してください。

サイト右下にチャットボタンが表示された状態

ステップ6:動作テストをする

チャットボタンをクリックしてチャットウィンドウを開き、登録したFAQに関連する質問を実際に入力して回答が返ってくるか確認します。

  • ウェルカムメッセージが表示されているか
  • 質問に対して適切な回答が返ってくるか
  • スマートフォンでも正常に表示されるか
チャットウィンドウで質問・回答が表示された状態

よくある質問

回答の精度を上げるにはどうすればいい?

FAQの件数を増やすことが最も効果的です。また、質問の言い回しを実際のお客様が使いそうな表現に合わせると精度が上がります。FAQを更新すると即座に反映されるので、実際の問い合わせ内容をもとにFAQを育てていくのがおすすめです。

チャットボットが「わかりません」と答えてしまう

その質問に対応するFAQが登録されていない可能性があります。どんな質問が来ているかは「ログ一覧」タブで確認できます。ログを見ながらFAQを追加していきましょう。

特定のページだけに表示させたい

現在のバージョンではサイト全体に表示されます。特定ページのみに限定したい場合は、WordPressのfunctions.phpでの対応が必要になります。ご相談ください。

まとめ:設定完了までの流れ

ステップ 作業内容 目安時間
1 プラグインをインストール・有効化 5分
2 ライセンスキーを認証 2分
3 OpenAI APIキーを設定 3分
4 FAQを登録(10件程度) 20分
5 見た目を調整 5分
6 動作テスト 5分

操作でわからないことや、うまく動作しない場合は、ヨコハマラボまでお気軽にお問い合わせください。日本語でサポートします。

この記事をシェア
CONTACT US
ヨコハマラボでは、AIを活用した
高速Web制作でビジネスを
サポートしています。
まずはお気軽にお問い合わせください
無料相談する
ご質問はこちらからどうぞ