logo

ページ上に埋め込んだ要素からサポートウィジェットを起動する

ページ上に埋め込んだ任意のHTML要素のクリックをトリガーに、シナリオウィジェットやアンサーウィジェットを表示することが可能です。

埋め込みの方式として、規定のボタン要素(テキストボタン)を埋め込む方式と任意のHTMLを記述する方式のいずれかを利用可能です。

設定方法

設置位置の設定

  1. 「設置方法」にて、「ページ内に要素を埋め込み」を選択します
  2. 埋め込み先のページ上でのCSSセレクタを設定します
  3. 埋め込み位置を設定します
  4. モーダル表示の有無を選択します(チェックをいれると、ウィジェット表示時の背景が暗くなります)
  5. ウィジェットの表示位置を選択します
  6. PC・タブレット/スマートフォンそれぞれで表示した際の余白等の設定を行います

 

埋め込みボタンのデザイン設定

テキストボタン埋め込みの場合

  1. 埋め込み要素で「テキストボタン」を選択します
  2. ボタン要素の各項目について設定します

HTML埋め込みの場合

  1. 埋め込み要素で「HTML」を選択します
  2. 埋め込むHTMLを記述します
    • クリック時にウィジェットを表示する要素にはc-embeddedButton-triggerクラスを記述ください

役に立ちましたか?
解決しない場合はお問い合わせください