自動返信・話しかけ機能の設定

ChamoのLPでもご確認頂きました自動返信・話しかけ機能の設定を行います。
この設定を行うことにより、お客様に対して自動的に話しかけることができます。

滞在時間や訪問履歴など訪問者の条件を設定し、こちらから自動で話しかけることができます。

管理画面サイドバーを下にスクロールすると、「自動返信・話しかけ設定」の項目があるので、それをクリックします。

自動話しかけ

以下の画像が表示されますので、「新規追加する」ボタンをクリックしてください。

自動返信

以下の画面が出てきますので、自動返信・話しかけ設定において、設定の条件を入力していきます。

自動返信条件設定

例えば、

「30秒後にお客様の画面にメッセージを自動で送信する。」

場合の設定をしてみます。

条件名:管理者の方が、確認してわかりやすい条件名にしてください。

例:「30秒後

説明:こちらも、管理者の方が、確認して分かり易い条件名にしてください。

例:「30秒後にお客様の画面にメッセージを自動で送信する。

有効・無効:「無効」の際には、この自動話しかけは発動いたしません。

時間指定:時間を設定する場合、ご利用ください。

例:「ページを開いてから」「30秒後

条件:こちらで、訪問履歴など訪問者の条件「+」「-」ボタンで条件を追加・削除することができます。

例:「条件なし

アクション:こちらが上記の条件でどういったメッセージを送るかを設定します。右側の「+」「-」ボタンで条件を追加・削除することが出来ます。

例:「次のメッセージを送る

ご訪問有難うございます。何かお探しのものはございますか?分からない事あればなんでも聞いてください。

自動返信例 保存する

 

最後に、『保存する』をクリックしてください。

Chamoタグの取得と設置方法


音声は流れませんので、そのまま再生してください
Youtubeの再生速度を変える方法はこちらから

御社のホームページ上でChamoを立ち上げるには、
タグの取得タグの設置というステップを踏みます。

以下に、順を追ってご説明いたします。

Chamo設置用タグの取得方法

まずは、管理画面サイドバーから『設置用タグ』を取得します。

チャモ画面全体

 

サイドバーを下にスクロールすると、
設置用コード』の項目があるので、こちらをクリックします。

設置用コード

 

以下の画面が表示されます。

赤枠内をコピーして頂き、設置したいページのソースコードに追加します。
(どの位置でも動作しますが、</body>の直前がおすすめです)

スクリーンショット 2016-07-04 9.16.12

これより、御社専用タグをHPに設置する方法を解説いたします。

ホームページへの埋め込み方法

続きまして、ホームページのタグ埋め込み方法についてです。

WordPressでホームページを作成されている場合には、
テーマの編集』画面からタグの追加を行う必要がございます。

詳しい解説はこちらをご参照くださいませ。
↓↓↓
参考:WordPressで作成したHPにChamoを設置する方法

コードの埋め込みには、FTPソフトを使用する必要がございます。

FTPソフトの主な使い方はソフトごとで大きな差異はありませんので、
本解説ではFilezillaを使用させていただいております。

※代表的なFTPソフトはこちらよりダウンロードください。

Windows・・FFFTP
Mac OS・・FileZilla

1.FTPソフトを立ち上げサーバーに接続する

まずは、Chamoを設置したいHPのサーバーに接続します。

FTPソフトを立ち上げたら、『ファイルサイトマネージャ』を選択します。

スクリーンショット 2016-07-04 13.42.18

 

続いて、サーバーご契約時に割り当てられた、各サーバーの

FTPホスト名
FTPユーザー名
FTPパスワード

をそれぞれの項目に入力します。

入力が終わったら『接続』をクリックしてください。

スクリーンショット 2016-07-04 12.31.17

 

サーバーに接続が完了すると、以下のような画面に切り替わります。

スクリーンショット 2016-07-04 12.50.59

 

ご覧のように、
向かって右側『リモートサイト』にはサーバー上のデータ
向かって左側『ローカルサイト』にはお使いのデバイス上のデータがそれぞれ表示されます。

リモートサイト内のファイルのなかから、
Chamoを設置したいページのhtmlファイルを見つけてください。

該当のファイル上で『右クリックダウンロード』を選択していただくと、お使いのPC上に、サーバー内にあるhtmlファイルがコピーされます。

※このとき、ローカルサイト側は、htmlファイルを保存したい場所を選択しておいてください。(今回はデスクトップに保存します)

ここまでできましたら、

次は、ローカルに保存された“htmlファイル”にChamoタグを追加していく作業になります。

2.Chamoタグを追加する方法

ローカルに保存された“htmlファイル”を、
HTMLテキストエディタで開いてください。

※代表的なHTMLテキストエディタはこちらよりダウンロードください。

Windows・・TerapadMeryサクラエディタ
Mac OS・・miCotEditor

スクリーンショット 2016-07-04 14.13.55

最下部にある</body>の直前に、先ほど取得した御社専用タグを挿入しましょう。

タグ挿入後は下の画像のようになるかと存じます。
ご確認くださいませ。

スクリーンショット 2016-07-04 12.08.08

問題なければ、変更を保存してください。

3.Chamoタグ追加済みのファイルをリモートサイトに戻す

続いては、Chamoタグ追加済みのhtmlファイルを再度サーバーにアップロードする作業です。

先程、Chamoタグを追加し変更を保存したhtmlファイルを
FTPソフト『リモートサイト』内にドラッグ&ドロップします。

スクリーンショット 2016-07-04 15.57.16

 

すると、変更前の『index.html』とファイル名が被ってしまうため、
以下のようなウィンドウが表示されます。

スクリーンショット 2016-07-04 15.55.52

こちらのタブが表示されたら『上書き』を選択していただき、
そのまま『OK』をクリックしてください。

これで、Chamoタグ挿入済みのhtmlファイルが上書きされました。

『index.html』に正常にチャモが設置されたかどうかを、
ブラウザで確認してみてください。

スクリーンショット 2016-07-04 16.29.52

 

右下に、チャット窓が表示されていれば無事完了です。

御社のHP内でChamoを設置したい全てのページにこの方法でタグを埋め込んでいただく必要がございます。

☆チャモの設置が完了しましたら、15日間快適にチャットをお使いください。
参考:ご運用マニュアル

☆無料トライアル終了後は、こちらから本契約の方法をご確認ください。
参考:ご契約までの流れと料金のお支払いについて

補足1:タグのなかから</body>を探す方法

以下、補足説明です。

htmlファイルを開いていただくと、タグが羅列されています。
この中から</body>を探し出す方法を解説いたします。

ファイルを開いたままで

control+F

キーを押して頂くと、『検索画面』が出現いたします。

その検索画面内の窓に、『</body>』と入力して頂くことで、
該当のタグを見つけ出してください。

</body>の直前に、先程の御社用Chamo設置タグを埋め込んでいただければと存じます。

補足2: チャモタグを導入したことによる本サイトへの影響

これまで解説して参りました通り、
チャモのタグを御社のサイト内に組込みましても、
既存の他のプログラムに影響を与えることはありません。

従いまして、現在お使いのサイトに悪い影響を及ぼすことはございませんので、安心してお使いいただければと存じます。

万が一『チャモを一時停止したい』等のご要望がございましたら、
上述の解説に従いましてチャモタグの部分のみを削除してください。

またその際にも、既存のプログラム及びサイト本体に影響はございません。

チャットオペレータの表示設定

チャットオペレーターの表示設定を行います。
この赤枠の部分です。

チャットオペレーター

チャモ管理画面にログインします。
すると、以下の画面が表示されます。

チャモ画面全体

サイドバーを下にスクロールすると、「オペレータ情報の変更」の項目があるので、それをクリックします。

オペレータ情報管理

クリックすると以下の画面が表示されます。

オペレータ情報変更の画面

オペレータ情報変更画面

画面を拡大した画像です。

オペレータ画面

 

・ 表示名
対応時、お客様に表示される名前です。

・ 画像

・ メールアドレス

をご入力してください。

最後に、『変更を保存する』をクリックしてください。

設定を変更すると、チャットデザイン設定画面で表示していたプレビュー画面に反映されます。

チャットオペレーター

メインチャット画面(御社名・画像など)設定

チャット画面(ウィジェット)に表示される『御社名』と『デザイン』を設定します。
(※チャットオペレータの表示設定ではありません。チャットオペレータの表示設定については、別の記事を参考にしてください。
→参考記事:チャットオペレータの表示設定について)

チャモ管理画面にログインします。
すると、以下の画面が表示されます(左上の画像は最初は設定されていません)。

チャモ画面全体

サイドバーを下にスクロールすると、「チャットデザイン設定」の項目があるので、それをクリックします。

チャットデザイン設定

クリックし少し下に画面をスクロールさせると、以下の画面が表示されますので、チャット画面(ウィジェット)の御社名や画像、説明文を設定してください。

メインチャット画面 ノーマル

右下に表示されているのが、Chamoの実際のチャット画面のプレビューで、上記画面で設定の変更を加えれば、右下のプレビュー画面も変更が反映されます。

・ 御社名
チャットの表示名です。御社のお名前を入力してください。
例:Chamo事務局

・ 御社の画像
チャットの御社の表示画像です。
実際のオペレーターさんのお写真などをお使いください。

・ チャットタイトル
「お気軽にお問い合わせください」などでお問い合わせを促す文章をご記入ください。

・ チャット説明
チャットの説明など、補足で説明を入力できます。

 

 

メインチャット画面
最後に、画面を下までスクロールし、『変更を保存する』をクリックしてください。

変更の保存

Chamoの登録ページは、以下の様な設定にしております。

ちゃもの例

 

 

『チャットオペレータの表示設定』については以下の記事を参考にしてください。

参考記事:チャットオペレータの表示設定について

チャモのログイン方法

チャモのログイン方法についてです。

ご登録頂いたメールアドレスにログインについてのメールが送信されます。
そのメールに記載された、メールアドレス、パスワードを入力して頂き、ログイン画面にてログインしてください。

メール例
6ada071c638df826fa7d4fabf98ac823 (1)

 

ログインURL:https://ch.chamo-chat.com/

ログイン画面
dc55da7c44072cdd61802153d4af8aed (1)