WordPress にライブチャットを設置する 〜 Tidio 編

WordPress 用のライブチャットとして 3CX Live Chat と Zendesk Chat を紹介した。

WordPress にライブチャットを設置する 〜 3CX Live Chat 編 – with a Christian Wife
https://wacw.cf/2020/11/13/3cx-live-chat-in-wordpress/

WordPress にライブチャットを設置する 〜 Zendesk Chat 編（失敗） – with a Christian Wife
https://wacw.cf/2020/11/14/zendesk-chat-in-wordpress/

次に試したのが Tidio である。

環境：WordPress 5.5.3（日本語版）、Twenty Seventeen テーマ

（１）プラグインをインストール、有効化する。

WP Live Chat plugin for WordPress – Tidio – WordPress プラグイン | WordPress.org 日本語
https://ja.wordpress.org/plugins/tidio-live-chat/

（２）「WordPress 管理画面＞Tido Chat」をクリックするとメールアドレスの入力を求められるので入力。

別ウィンドウで Tidio のサイトへのリンクが開くので、画面に従って入力していく。最後にパスワードを設定するようになっている。これで Tidio のアカウントが作成された。

ここまで完了すると、WordPress 上にチャットが表示されるようになる。そう、WordPress のファイルにコードを書き込む手間が不要なのだ。

そして WordPress の管理画面での設定はこれまでとなる。以降は Tidio のサイトで設定する。

（３）Tidio のサイトでギアアイコンをクリックすると、チャットの表示等の細かい設定ができる。

これが結構いろいろ設定できるので気に入った。思い通りのチャットサービスを作ることができる。

そして管理者としては、アプリでチャットの受け答えができるのが嬉しい。以下の iOS アプリに２で作った Tidio のアカウントでログインすればいい。

‎Tidio on the App Store
https://apps.apple.com/pl/app/tidio-chat/id916822567

チャットの通知はパソコンのブラウザおよび iOS アプリに来るようにできる。チャットが書き込まれた時だけでなく、サイトへのアクセスがあった時にも通知を来るようにもできる。

管理者のオンライン／オフラインのステータスは Tidio のサイト右上のアカウントアイコン、もしくは iOS アプリ上で設定できる。Operating Hours として自動でオフラインにする曜日・時間帯を設定することもできる。

Tidio を WordPress で使うには前述のプラグインをインストールすればいいが、プラグインを使わずコードを WordPress のファイルに書き込むこともできる。この方法なら WordPress 以外のサイトにも Tidio を導入できるわけだ。コードは「Tido のサイト＞ギアアイコン＞Live Chat＞Integration」で取得できる。

７日間は Pro プランのトライアルのようだが、私は無料プランで十分だ。TIdio のサイトの右上のアイコン（どれだったか忘れた）をクリックすることで、無料プランへすぐに変更できた。

チャットを導入するサイトは追加できるようだ。「右上のアカウントアイコン＞[現在のプロジェクト名（サイト名）]＞Add Project」をクリックして追加のサイトを設定していけばいい。

チャットで写真やファイルを添付できるのもいい。ただ、iPhone の縦長写真を添付すると写真が横に倒れるようだ（管理者が Tidio のサイトやアプリで見る分には写真は倒れない）。

それとチャットの入力欄で改行しようとすると送信されるようだ（ただ、Mac も iOS でも Shift + return なら改行されない）。まあ、これは他のアプリ等でもよくある挙動だ。

導入が気軽にできるわりに高機能なライブチャット・ツールである。これを使っていこうと思う。

参考：
ブログにチャットのプラグインTidio Live Chatの使い方(WordPress) | takuweb
https://takuweb1.com/2020/02/07/tidio-live-chat/