メタデータの末尾にスキップ
メタデータの先頭に移動

このページの古いバージョンを表示しています。現在のバージョンを表示します。

現在のバージョンとの相違点 ページ履歴を表示

« 前のバージョン バージョン 5 次のバージョン »

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

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

チャットボタン設定クイックスタートガイド

2021/10/26 update(作成完了)

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

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

チャットボタン設定方法

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

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

 

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

アドバンス設定記事については現在準備中です。 

  1. チャットボタン設定 > 新しく設定をはじめる をクリック

  2. 01.[通常のボタン] ラベル未設定をクリック

  3. ラベルを設定
    01.[通常のボタン]のラベルを設定します。
    ラベルの設定は必須ではありませんので、任意の文字列をご入力ください。

  4. ボタンの種類を選択
    適用するボタンの種類を選択します。「通常のボタン」をクリックします。


    ボタンの種類を下記の中から「画像」をご選択ください。

  5. 表示優先度を設定

     

    ーここからー

  6. ボタンテキストを設定
    画像ボタンの上部に表示されるテキストを設定します。

    ボタンテキストと画像URLを下記のサンプルを参考にご設定ください。

  7. ボタン有効化条件 をクリックし、 設定を追加する をクリックします。


    domain の 追加ボタンをクリックします。


    任意のURLのドメイン(ホスト名)を指定し、設定 をクリックします。


    追加 をクリックし、ボタン有効化条件の設定が完了となります。

     

  8. 保存 をクリックします。


    コメント入力画面が表示されるので、任意のコメントを入力し、はい をクリックします。

     

  9. 「保存済」の一覧に表示されたことを確認し、該当の設定を開きます。


    「テスト環境に反映」のボタンをクリックします。


    「適用中」一覧の該当ボタン設定に「Testing」マークが表示されると、
    ボタン有効化条件で指定した環境での動作確認ができます。



ボタンの種類

まず、適用するボタンの種類を下記の中から「画像」をご選択ください。

  • 通常のボタン

  • 画像

  • 吹き出し(左向き/右向き)

ボタンテキストと画像URLを下記のサンプルを参考にご設定ください。

ボタン要素ID

CSSでボタンデザインを設定する場合は記入して下さい。
今回は「button1」を設定。

button1の部分をご自身で設定したボタン要素IDにご変更ください。

ボタンアニメーション

次に、適用するボタンアニメーションを下記の中から「無効」をご選択ください。

  • 無効

  • スライドイン

  • フェードイン/フェードアウト

ボタン有効化条件

ボタン設定を適用させるドメイン/パス/パラメターの条件を下記のサンプルを参考にご設定ください。

今回はドメイン配下の全ページにボタン設定を適用するため、ドメインを下記のように指定します。
例)URL:https://ser-solairo.sakura.ne.jp/ec-solairo/の場合

ボタン表示条件

ボタン表示条件は設定なし

ボタン非表示条件

ボタン非表示条件は設定なし

チャットを閉じた後の挙動

チャットを閉じた後の挙動は設定なし

 設定の初期化(インポート)

XXXXXXX

XXXXXX

①xxxx

②xxxx

③xxxx

④xxxx

  • ラベルがありません