メインコンテンツにスキップ
すべてのコレクションApps
チャネルトークの設置手順
チャネルトークの設置手順

Apps連携機能を使いチャネルトークをSTUDIOサイトへ連携する手順をご紹介します。

Saika avatar
対応者:Saika
一週間前以上前にアップデートされました

対象プラン: Starterプラン以上



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

Webサイトの訪問者向けのにお問い合わせチャットサービス「チャネルトーク」をSTUDIOサイトに設置できます。

チャネルトークとは?

チャネルトークは2017年の正式ローンチ以来「答えは顧客にある」というモットーのもと、13,000社以上のユーザーに プログラミングが不要なチャットサービスを提供してきました。利⽤ユーザーはアパレルECから法⼈向けクラウドサー ビス(BtoB SaaS)まで多岐に渡っており、操作性やデザイン性において⾼い評価を得ているカスタマーサクセスサービスです。

注意

  • 本手順には外部サービスの手順も含まれています。外部サービスの仕様や動作、記事内の手順以外についてはチャット窓口でのサポート対象外となる可能性があります。

  • 記事内の外部サービスの画面や仕様は2022年1月時点の情報です。記事と異なる場合、外部サービスにて最新情報をご確認ください。

手順

1. Plugin Keyの取得

STUDIOサイトにチャネルトークを埋め込むのはとっても簡単。まずチャネルトークのサイトからアカウントを作成し、チャット設置用のPlugin Keyを手に入れましょう。

1. channel deskの左下にある設定ボタンをクリックし、設定画面に移動してください。

2. 設定画面のメニューで、チャットの導入及び設定 > チャットボタンのインストールをクリックします。

3. プラグイン名の隣にある編集ボタンをクリックしてプラグインに名前をつけましょう。使用するページやプラットフォームに合ったプラグインの名前を入力してください。入力後、新しいプラグインを作成をクリックすると、新しい導入用コードが作成されます。

※「プラグインのインストール」タブでは、WebやAndroid、iOSそれぞれに対応したコードを見ることができます。


2. Apps連携
チャット設置用のPlugin Keyを受け取ったら、STUDIOのプロジェクトダッシュボード、Appsのページを開きます。

Appsの中から、Channelの編集をクリック。すると先ほどのPlugin Keyを入力する画面が表示されるので、Plugin Keyを貼り付けて保存しましょう。

設定が完了すると、このようにサイト右下にチャットボタンが表示され、ここからいつでもユーザーがチャットを出来るようになります!

chatbot

こちらの回答で解決しましたか?