URLを変えない様にするため、ここで作成をした後
↓このページにコピペして下さい。
2021/10/26 update（作成完了）
ここにラベルが表示されるxxxxxx xxxxxxx xxxxxx
XXXXXXX
└ボタンの表示場所の変更（有効化条件）
└ボタンの種類
└ボタンアニメーション
└ボタン表示条件
└ボタン非表示条件
└設定の初期化（インポート）
サンプルを参考にボタン設定をしてみましょう。
| 情報 |
|---|
チャットボタン設定方法 |
こちらでは画像タイプのボタン設定方法をご紹介いたします。
（※表示のイメージは、下記サンプル動画をご確認ください。）
まず、どのようにボタン設定ができるか確認したい場合は、こちらの設定をそのままコピーしてお使いください。
...
| 注意 |
|---|
こちらの設定では、全てのページに同じボタン設定が適用されます。 アドバンス設定記事については現在準備中です。 |
チャットボタン設定 ＞ 新しく設定をはじめる をクリック
ーここからスタートー
01.通常のボタン をクリック
ボタンの種類は 画像 を選択 、ボタンテキスト、画像URL、ボタン要素IDに任意の値を入力、
ボタンのアニメーションは 無効 を選択します。
ボタン有効化条件 をクリックし、 設定を追加する をクリックします。
domain の 追加ボタンをクリックします。
任意のURLのドメイン（ホスト名）を指定し、設定 をクリックします。
追加 をクリックし、ボタン有効化条件の設定が完了となります。
保存 をクリックします。
コメント入力画面が表示されるので、任意のコメントを入力し、はい をクリックします。
「保存済」の一覧に表示されたことを確認し、該当の設定を開きます。
「テスト環境に反映」のボタンをクリックします。
「適用中」一覧の該当ボタン設定に「Testing」マークが表示されると、
ボタン有効化条件で指定した環境での動作確認ができます。
ボタンの種類
まず、適用するボタンの種類を下記の中から「画像」をご選択ください。
通常のボタン
画像
吹き出し（左向き/右向き）
ボタンテキストと画像URLを下記のサンプルを参考にご設定ください。
ボタンテキスト…商品を探す
画像URL…https://ser-solairo.sakura.ne.jp/ser-image/search_item_banner.png
（画像は弊社素材ですのでご自由にお使いいただいて構いません。）ボタン要素ID…button1
...
ボタン要素ID
CSSでボタンデザインを設定する場合は記入して下さい。
今回は「button1」を設定。
※button1の部分をご自身で設定したボタン要素IDにご変更ください。
...
ボタンアニメーション
次に、適用するボタンアニメーションを下記の中から「無効」をご選択ください。
無効
スライドイン
フェードイン/フェードアウト
...
ボタン有効化条件
ボタン設定を適用させるドメイン/パス/パラメターの条件を下記のサンプルを参考にご設定ください。
今回はドメイン配下の全ページにボタン設定を適用するため、ドメインを下記のように指定します。
例）URL：https://ser-solairo.sakura.ne.jp/ec-solairo/の場合
ドメイン…ser-solairo.sakura.ne.jp ※環境に合わせてご変更下さい
...
ボタン表示条件
ボタン表示条件は設定なし
...
ボタン非表示条件
ボタン非表示条件は設定なし
...
チャットを閉じた後の挙動
チャットを閉じた後の挙動は設定なし
...
設定の初期化（インポート）
| 情報 |
|---|
XXXXXXX |
XXXXXX
①xxxx
②xxxx
③xxxx
④xxxx