URLを変えない様にするため、ここで作成をした後
↓このページにコピペして下さい。
2021/10/26 update(作成完了)
ここにラベルが表示されるxxxxxx xxxxxxx xxxxxx
└ボタンの表示場所の変更(有効化条件)
└ボタンの種類
└ボタンアニメーション
└ボタン表示条件
└ボタン非表示条件
└設定の初期化(インポート)
サンプルを参考にボタン設定をしてみましょう。
チャットボタン設定方法
こちらでは画像タイプのボタン設定方法をご紹介いたします。
(※表示のイメージは、下記サンプル動画をご確認ください。)
まず、どのようにボタン設定ができるか確認したい場合は、こちらの設定をそのままコピーしてお使いください。
こちらの設定では、全てのページに同じボタン設定が適用されます。
特定のページに表示をさせたい場合はアドバンス設定をご確認ください。
アドバンス設定記事については現在準備中です。
チャットボタン設定 > 新しく設定をはじめる をクリック
01.[通常のボタン] ラベル未設定をクリック
ラベルを設定
01.[通常のボタン]のラベルを設定します。
ラベルの設定は必須ではありませんので、任意の文字列をご入力ください。ボタンの種類を選択
適用するボタンの種類を選択します。「通常のボタン」をクリックします。
ボタンの種類を下記の中から「画像」をご選択ください。表示優先度を設定
ーここからー
ボタンテキストを設定
画像ボタンの上部に表示されるテキストを設定します。ボタンテキストと画像URLを下記のサンプルを参考にご設定ください。
ボタンテキスト…商品を探す
画像URL…https://ser-solairo.sakura.ne.jp/ser-image/search_item_banner.png
(画像は弊社素材ですのでご自由にお使いいただいて構いません。)ボタン要素ID…button1
ボタン有効化条件 をクリックし、 設定を追加する をクリックします。
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