設置パターン
サイト内にチャットウィンドウを表示させる方法は、下記3パターンがあります。
運用に合わせて、設置方法を選択ください。
| 設置パターン | 特徴 |
|---|---|
| 同一画面内で展開 | チャットを利用したい画面の右下にチャットウィンドウを表示
※設定で変更できる部分のみチャットウィンドウの |
| 新規画面で展開 | チャットを利用したい画面上（任意の場所）に「ボタン」 「リンク」「画像」を配置し、クリックすると別画面で チャットウィンドウを表示
※ボタンや画像などのスタイル（CSS）はお客様自身で |
| URL・QRコードから展開 | チャットを設置したいページに「URL」と「QRコード」を 表示し、クリックもしくは読み込みを行うと チャットウィンドウを表示 サイトに埋め込まずに設置することが可能です。 |
同一画面内で表示
事前準備
● 設置するサイトのURL
● FTPアカウント情報
┗ FTPホスト名（サーバ名）
┗ FTPユーザ
┗ FTPパスワード
● FTPソフト（FileZilla、WinSCPなど）
設定方法
管理画面上に表示されているコードをコピーして、チャットウィンドウを設置したい
任意のサイトのHTMLソース内に貼り付けます。
【手順】
1. 「同一画面内で展開（タブ）」を選択
2. 表示されている「コード」をすべてコピー
3. 設置するサイトのHTMLソース内に貼り付けて保存
▼コードの貼り付け場所▼
</body>タグの前（直前）
4. FTPソフトにてサイトのHTMLファイルをアップロード
※【手順】3以降は、運営されているサイトの構成や管理状況によって方法が異なります。
詳細な手順につきましては、サイト、または、webサーバの管理者様にご確認ください。
チャットウィンドウや表示内容がうまく表示されない場合は下記もご参照ください。
FAQ:HTMLコードを設置したが、チャットウィンドウが表示されない
新規画面で表示
事前準備
● 設置するサイトのURL
● FTPアカウント情報
┗ FTPホスト名（サーバ名）
┗ FTPユーザ
┗ FTPパスワード
● FTPソフト（FileZilla、WinSCPなど）
設定方法
デザイン等を選択し、管理画面上に表示されているコードをコピーして、
チャットウィンドウを設置したい任意のサイトのHTMLソース内に貼り付けます。
【手順】
1. 「新規画面で展開（タブ）」を選択
2. 「デザイン」を選択
3. 表示されている「コード」をすべてコピー
4. 設置するサイトのHTMLソース内に貼り付けて保存
▼コードの貼り付け場所▼
<body>～</body>内の任意の場所
5. FTPソフトにてサイトのHTMLファイルをアップロード
※【手順】3以降は、運営されているサイトの構成や管理状況によって方法が異なります。
詳細な手順につきましては、サイト、または、webサーバの管理者様にご確認ください。
URL・QRコードから表示
【手順】
1. 画面上部「設定」＞左メニュー「設置タグ」をクリック
2. 「URL・QRコードから展開（タブ）」を選択
3. 「URL」もしくは「QRコード」をコピー/ダウンロードする
4. 表示させたいサイトに貼り付ける
【注意点】
自社で管理を行っていない、SNS等の不特定多数の方が閲覧しているサイトに
アップされると、関係のない外部からのアクセス等でサーバ高負荷の要因となる
可能性があるため、そのような使用はお控えいただきますようお願いいたします。
万が一、関係のないアクセス等がありましたら「URL・QRコードの再発行」から
再発行を行ってください。
チャット設置時の注意点
タグをサイトのHTMLソースに貼り付ける際、「スペース」「不要な改行」等は
書き込まないようにしてください。
タグを編集すると、チャットが表示されないためそのままコピーして貼り付けて
いただきますようお願いいたします。
※環境毎にHTMLコード、URL・QRコードが異なるため、複数環境ご利用の場合は
設置サイトに合わせたHTMLコードを貼り付けてください。
[ お問い合わせ ]
お問い合わせ内容に応じた⼿続き・窓⼝をご紹介しています。
24時間自動応答チャットボット- サポートセンター営業時間 ： 平日9時30分～17時
- お電話でのサポートは行っておりませんので、予めご了承ください。
- チャットディーラーfor楽楽精算をご利用の場合は、楽楽精算サクセスナビ内の「お問い合わせ」よりお問い合わせください。