ページ上に埋め込んだ要素からサポートウィジェットを起動する
ページ上に埋め込んだ任意のHTML要素のクリックをトリガーに、シナリオウィジェットやアンサーウィジェットを表示することが可能です。
埋め込みの方式として、規定のボタン要素(テキストボタン)を埋め込む方式と任意のHTMLを記述する方式のいずれかを利用可能です。
設定方法
設置位置の設定
- 「設置方法」にて、「ページ内に要素を埋め込み」を選択します
- 埋め込み先のページ上でのCSSセレクタを設定します
- 埋め込み位置を設定します
- モーダル表示の有無を選択します(チェックをいれると、ウィジェット表示時の背景が暗くなります)
- ウィジェットの表示位置を選択します
- PC・タブレット/スマートフォンそれぞれで表示した際の余白等の設定を行います
埋め込みボタンのデザイン設定
テキストボタン埋め込みの場合
- 埋め込み要素で「テキストボタン」を選択します
- ボタン要素の各項目について設定します
HTML埋め込みの場合
- 埋め込み要素で「HTML」を選択します
- 埋め込むHTMLを記述します
- クリック時にウィジェットを表示する要素にはc-embeddedButton-triggerクラスを記述ください