URLを変えない様にするため、ここで作成をした後

↓このページにコピペして下さい。

2021/10/26 update（作成完了）

ここにラベルが表示されるxxxxxx xxxxxxx xxxxxx
└ボタンの表示場所の変更（有効化条件）
└ボタンの種類
└ボタンアニメーション
└ボタン表示条件
└ボタン非表示条件
└設定の初期化（インポート）

サンプルを参考にボタン設定をしてみましょう。

チャットボタン設定方法

こちらでは画像タイプのボタン設定方法をご紹介いたします。
（※表示のイメージは、下記サンプル動画をご確認ください。）
まず、どのようにボタン設定ができるか確認したい場合は、こちらの設定をそのままコピーしてお使いください。

画面収録 2021-10-19 11.22.26.mov

こちらの設定では、全てのページに同じボタン設定が適用されます。
特定のページに表示をさせたい場合はアドバンス設定をご確認ください。

チャットボタン設定＞新しく設定をはじめるをクリック
01.[通常のボタン] ラベル未設定をクリック
ラベルを設定
01.[通常のボタン]のラベルを設定します。
ラベルの設定は必須ではありませんので、任意の文字列をご入力ください。
ボタンの種類を選択
適用するボタンの種類を選択します。「通常のボタン」をクリックします。

ボタンの種類を下記の中から「画像」をご選択ください。
表示優先度を設定
ボタンテキストを設定
画像ボタンの上部に表示されるテキストを設定します。
下記ボタンテキストのサンプルを参考にご設定ください。
- ボタンテキスト…商品を探す
画像URLを設定
ボタンに表示される画像のURLを設定します。
下記画像URLのサンプルを参考にご設定ください。
- 画像URL…https://ser-solairo.sakura.ne.jp/ser-image/search_item_banner.png
  （画像は弊社素材ですのでご自由にお使いいただいて構いません。）
ボタン要素IDを設定
チャットボタンのHTML上のIDを設定します。
下記ボタン要素IDのサンプルを参考にご設定ください。
- ボタン要素ID…button1
ボタンアニメーションを設定
適用するボタンアニメーションを設定します。
今回のサンプルではアニメーションを適用しないため、「無効」をご選択ください。
ボタン有効化条件を設定
ボタン設定を適用させるドメイン/パス/パラメターの条件を設定します。
ボタン有効化条件をクリックします。

「設定を追加する」ボタンをクリックします。

domainの「追加」ボタンをクリックします。
今回はドメイン配下の全ページにボタン設定を適用するため、ドメインを指定します。
例）URL：https://ser-solairo.sakura.ne.jp/ec-solairo/の場合
- ドメイン…ser-solairo.sakura.ne.jp　※環境に合わせてご変更下さい
  任意のURLのドメイン（ホスト名）を指定し、設定をクリックします。
「確定」ボタンをクリックし、ボタン有効化条件の設定が完了となります。
ボタン表示条件を設定
ボタンが表示される条件を設定します。
今回のサンプルではボタンが表示される条件を設定しないため、スキップします。
ボタン非表示条件を設定
ボタンを非表示（消える）にする条件を設定します。
今回のサンプルではボタンを非表示にする条件を設定しないため、スキップします。
チャットを閉じた後の挙動を設定
チャットウィンドウのXボタンで閉じた後のボタン表示の挙動を設定します。
今回のサンプルではチャットを閉じた後の挙動を設定しないため、スキップします。

--ここから--
最後に「保存」ボタンをクリックし、ボタンの設定が完了です。

ボタンの種類