比較バージョン

キー

  • この行は追加されました。
  • この行は削除されました。
  • 書式設定が変更されました。

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

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

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

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

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

...

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

...

 

注意

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

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

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

    ーここからスタートー 

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

    Image Added

  3. ラベルを設定
    01.通常のボタン をクリック

    Image Removedボタンの種類は 画像 を選択 、ボタンテキスト、画像URL、ボタン要素IDに任意の値を入力、
    ボタンのアニメーションは 無効 を選択します。Image Removed

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

    Image Added

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

    Image Added


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

    Image Added

  5. 表示優先度を設定

     

    Image Added

    ーここからー

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

    Image Added

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

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


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


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


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

     

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


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

     

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


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


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

...