WP-Live Chat:無料で使えるテキストチャットプラグイン
訪問者とテキスト形式でのチャットが無料で使える WordPress 用プラグインの紹介です。
それは「WP-Live Chat by 3CX」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。
WP-Live Chat by 3CX(旧名:WP Live Chat Support)
WP-Live Chat by 3CX は、訪問者とテキスト形式でのライブチャットが自サイトで使えます。
外部サービスとのアカウントの作成を含む連携不要で基本機能が無償で使えます。
チャットはモバイル端末でも使用可。
チャットを使用できるのを登録メンバーだけにすることもできます。
IP アドレスで迷惑ユーザーをブロックできます。
ライブチャットがオフライン時には、訪問者からのオフラインメッセージを受取可能。
ライブチャットの履歴を残したり、チャットログを管理者もしくはユーザーに送信可能。
Google Analytics とも統合。
日本語化もある程度ほどこされています。
※バージョンが 9.0 にメジャーバージョンアップしています。
そのため記事の内容と実際が大きく異なる場合があります。
※2020 年 7 月 25 日現在
WordPress 5.4.2 + PHP 7.4 + 9.0.5 でインストールすると正常動作不能。
9.0.0 にしても正常動作不能。
WP Rollback で 8.2.0 系に戻すことも一応可能。
ダウングレードとなるので、正常に動作するかは不明。
ダウングレード後に再び 9.0.0 系にアップグレードして正常動作するかも不明。
WP Rollback を使用される際には自己責任で御願いします。
予期せぬ出来事が発生しても当方は責任を持ちません。
記事を作成もしくは更新時点でのバージョン:v 8.0.21
注意事項
訪問者とのチャットの通信は、自サイトのサーバーで処理されます。
よって、共用サーバーでの過度な使用は、控えましょう。
Gutenberg エディターでの動作
Gutenberg エディターでも正常動作します。
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
WP-Live Chat by 3CX – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「WP-Live Chat by 3CX」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
WP-Live Chat by 3CX は、日本語化対応がされているので、有効化するだけで日本語化されます。
日本語化されない場合には、日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用メニュー
ダッシュボードの「設定」メニューの下に追加されています。
使い方(各種設定)
メイン画面
- チャットを有効にする
チャットを有効にするかどうか。 - Required Chat Box Fields
チャット開始時に訪問者に入力を必須とする項目を選択します。 - Default visitor name
ログインしていない訪問者のデフォルト名を入力します。 - 名前/メールアドレスフィールドの代替テキスト
名前とメールアドレスを必要としない状態の時に訪問者に表示するメッセージを入力します。
- ログインユーザーは登録情報を使用
チャットユーザーがログインユーザーだった場合にメンバー情報を参照してもいいかどうか。 - モバイルでも有効にする
スマホやタブレットなどのモバイル端末でもチャットを有効にするかどうか。 - Play a sound when there is a new visitor
新しいユーザーがチャットを開始した時に音を鳴らすかどうか。 - 新着チャットがあれば着信音を鳴らす
新しいチャットメッセージを受信すると音を鳴らすかどうか。 - Enable Font Awesome set
アイコンフォント「FontAwesome」セットを使うかどうか。 - Enable chat dashboard and notifications on all admin pages
全ての管理者ページでチャットダッシュボードを呼び出すボタンを表示するかどうか。
Pro 版のみの機能なので説明は省略。
- Enable Google Analytics Integration
Google Analytics の統合を有効にするかどうか。 - チャット・ウィンドウ起動のタイミング
チャット・ウィンドウ起動のタイミングを選択します。
- ご使用のサーバーの種類
サイトのパフォーマンスに問題がある時だけ変更すること。 - 検証の反復回数
サイトのパフォーマンスに問題がある時だけ変更すること。 - 反復中のスリープ時間
サイトのパフォーマンスに問題がある時だけ変更すること。 - Display a 'Powered by’ link in the chat box
チャットボックスの下部に「Powered by WP Line Chat Support」リンクを表示するかどうか。
チャットログをメール送信する際の設定ができます。
- Enable chat transcripts
チャットを記録するかどうか。 - Send transcripts to
メールを管理者と訪問者どちらに送るか。 - Send transcripts when chat ends
チャットを終了した時にメール送信するかどうか。 - Email body
メール本文。 - Email header
メールヘッダー。 - Email footer
メールフッター。
チャットボックス
- チャットボックスの位置
訪問者側のチャットボックスの表示位置を指定します。 - 自動ポップアップ
チャットを最初から開いた状態にするかどうか。
Pro 版のみの機能なので説明は省略。
- Show Name
名前を表示するかどうか。 - Show Avatar
アバターを表示するかどうか。 - ログインユーザーだけにチャットを表示
ログインユーザーだけがチャットをできるようにするかどうか。 - Show Date
チャットウィンドウに日付を表示するかどうか。 - Show Time
チャットウィンドウに時刻を表示するかどうか。 - Redirect user to thank you page when chat is ended
チャットが終了したら、ユーザーを御礼ページにリダイレクトさせるかどうか。
Pro 版のみの機能なので説明は省略。
- Enable GIF Integration
GIF 統合を有効にするかどうか。 - Select a GIF provider
どの GIF プロバイダーかを選択します。 - Giphy API key
Giphy API キーを入力します。 - Tenor API key
Tenor API キーを入力します。
オフラインメッセージ
- オフラインメッセージを受け取らない
ユーザーがオフラインメッセージを送れないようにするかどうか。 - オフライン時チャットボックスの名称
。 - オフラインモードのテキスト
オフラインメッセージの送信を促すメッセージなどを入力します。 - Offline Button Text
オフラインボタンのテキストを入力します。 - Offline Send Button Text
オフラインメッセージ送信ボタンのテキストを入力します。 - Custom fields
「Contact Form Ready」プラグインが存在しないようなので説明省略。
- メールアドレス
オフラインメッセージを受信するメールアドレスを入力します。カンマで区切ると複数指定可 - Subject
メールの件名を入力します。
- 送信方法
メールを WordPress デフォルト経由で送るか、PHP メール(SMTP経由)で送るかを選択します。
PHP メール選択時には、SMTP サーバーの情報を入力します。
スタイル
チャット画面で使用するテーマを選択します。
カラーパターンを選択もしくは、下記で指定します。
Chat background:
チャットの背景色を選択します。
1 段目から 4 段目の色を選択します。
5 段目以降は、順番に使用されます。
ローカライズ用のプラグインを使用している場合はチェックを付けます。
スタッフオンライン時のチャットボックスで表示する文字列を入力します。
チャットボックスで使用するアニメーションを選択します。
スタッフ
チャットスタッフの在籍状況を確認できます。
デフォルトスタッフを変更できます。
※無償版は 1 名しかスタッフを置けません。
ブロックしたビジター
ブロックしたいユーザーを IP 指定できます。
IP アドレスは 1 行に 1 つ入力します。
Surveys & Lead Forms
チャット後のアンケートフォームを表示する際の設定を行えます。
外部サービスを利用するので、説明省略します。
Doc Suggestions
アップグレードしないと使い方分からないので、説明省略します。
REST API
Advanced Features
- Use our server to handle chats
チェックを外すと、チャットダッシュボードは以前のバージョンに戻ります。 - Server location
サーバーのロケーションを必要であれば選択します。 - Chat server token
サーバートークンの取得ができます。 - Server end point override
サーバーのエンドポイントの上書きができます。 - Limit chat ring amount
チャットの呼び出し回数を指定します。
Privacy
クッキー使用の許可やプライバシーポリシーに関する設定を行えます。
- Enbled GDPR Compliance
GDPR コンプライアンスを適用するかどうか。 - Company Name
会社名を入力します。 - Retention Purpose
保持目的を入力します。 - Retention Period
保持期間を入力します。
Custom Scripts
カスタム CSS とカスタム JavaScript コードを入力できます。
Gutenberg Blocks
- Enable Gutenberg Blocks
Gutenberg エディター用ブロックを有効にするかどうか。 - Gutenberg Block Size
ブロックのサイズを選択します。 - Block Logo
ロゴを選択します。 - Block Text
ブロックで表示する文字列を入力します。 - Display Icon
アイコンを表示するかどうか。 - Block Icon
ブロックアイコンのクラスを指定します。 - Block Preview
上記での設定が反映されたプレビューが表示されます。
カスタム用の HTML コードが表示されます。
テンプレートを変更したり、コード自体を編集することもできます。
Gutenberg エディターに追加されているブロックボタン。
使い方(チャット画面)
「WP ライブチャットサポート」メニューを選択するか専用ボタンをクリックします。
「Accept Chat」ボタンをクリックすると、そのユーザーとのチャットが開始されます。
フィルタリング操作も行えます。
チャット画面が開くと上のような感じになります。
ユーザー側のチャットメッセージは左側に表示されます。
チャットスタッフ側のものは、右側に表示されます。
各種操作ができます。
下の2つは有償版でのみ使用可能。
Transcript:チャットログの送信
Leave chat:チャットから退出
チャット終了:チャットを終了します。
絵文字も送信できます。
チャット画面(ユーザー側)
オフラインメッセージ画面(ユーザー側)
使い方(その他)
アンケート機能
外部サービスとの連携が必要なので省略。
履歴
チャットの履歴が表示されます。
取り逃しチャット
取り逃したチャットが一覧で表示されます。
Webhooks
省略。
サポート
機能拡張
代替プラグイン
WP-Live Chat by 3CX にほしい機能が無かった場合には、
WP-Live Chat by 3CX 以外にもチャットが使えるプラグインを記事にしています。
以下では、WP-Live Chat by 3CX を含めて 5 個を簡単に紹介しています。