【簡単3分】Studioにチャットボットを導入する手順

Studioで作ったサイトにチャットボットを導入すると、ただ見やすいサイトから会話が生まれるサイトへと変化します。

チャットボットを導入するのに大活躍なのが、「チャネルトーク」というサービスです。

ユーザーがページを見ながらその場で質問できるため、問い合わせのハードルが下がり、コンバージョン率の向上にもつながります。チャットで相談できる安心感が信頼感を高め、問い合わせフォームだけでは拾えなかった見込み顧客との接点も増やせます。

本記事では、そんなチャネルトークをStudioに埋め込む具体的な手順や注意点、効果的な活用法を解説します。

Studioサイトを「対話できるサイト」に進化させたい方は、ぜひ参考にしてください。

チャネルトークとは

チャネルトークは、サイトに訪れたユーザーとリアルタイムで会話できるチャット型の接客ツールです。

LINEのような使い心地で、問い合わせフォームよりも気軽に質問できるといった特徴があります。

無料プランから利用できるため、初めて導入する方にもハードルが低く、Studioで作ったサイトとの相性も非常に良いツールです。

「問い合わせ数を増やしたい」や「ユーザーと気軽にコミュニケーションを取りたい」と考えている企業におすすめです。

Studioとチャネルトークの連携手順

Studioとチャネルトークの連携手順は、下記のとおりです。

①：チャネルトークでPlugin Keyを取得する

チャネルトーク公式サイトにアクセスして、アカウントを作成する。

下記のような管理画面にアクセスできたら、「チャネル設定」をクリックします。

「ボタンの設置・設定」を選択して、「チャットボタンの設置」をクリックします。

Plugin Keyをコピーします。

②：StudioでApps連携を行う

Studioのプロジェクト管理画面にアクセスして、左メニュー欄の「Apps」をクリックします。

「Channel」をクリックします。

先ほどコピーしたPlugin Keyを貼り付けます。

③：サイトを公開して動作確認する

ライブプレビューではチャネルトークは表示されないので、Studioで作ったサイトを公開もしくは限定公開します。

限定公開のやり方については、以下の記事を参考にしてみてください。

サイトが公開できれば、サイトの右下にチャットアイコンが導入されているはずです。

下記のようにチャットができるようになりました。

Studioとチャネルトークを連携する時の注意点

Studioとチャネルトークを連携する時の注意点は、下記の2つです。

それぞれ具体的に説明します。

ライブプレビューではチャネルトークが表示されない

Studioのライブプレビュー上では、チャネルトークを設置しても表示されません。

設置しても「表示されない、、、」と焦る方が多いですが、公開後の実サイトでは正しく動作します。

表示確認を行いたい場合は、サイトを公開または限定公開して確認するようにしましょう。

限定公開（パスワード保護）の方法については、以下の記事を参考にしてみてください。

Studioの無料プランでは連携できない

チャネルトーク自体は無料で使えますが、連携するにはStudioの有料プランに契約しなければなりません。

Studioには有料プランが複数ありますが、基本的に一番安い「Miniプラン」以上であれば問題なく、外部ツールとの連携ができます。

まだ有料プランを契約していない方は、ぜひ以下の記事を参考にして料金プランを検討してみてください。

維持費を抑えるために無料プランを検討している方もいるはずです。無料プランについて詳しく知りたい方は、以下の記事も参考にしてみてください。

Studioでのサイト制作は「Terace」にお任せ！