ページ上の任意の要素にツールチップを表示する外部ライブラリ(Tippy.js)を利用することでツールチップ施策をKARTEで実現できます。特定箇所の補足説明などにご利用いただけます。

null

注意事項

  • 本テンプレートには、外部ライブラリ(Tippy.js)を利用しています。サイトに依存する可能性があるため、利用には必ず実サイト上で、本番配信し検証の上ご利用ください。
  • 利用しているTippy.jsのバージョンは、v5.1.0となります。サイト上で読み込んでいる他のライブラリとのバッティングにご注意ください。
  • 表示コンテンツを4つ以上増やすなどカスタマイズしたい場合はJavaScriptの編集が必要になるため、エンジニア含めご利用ください。※テンプレートのカスタマイズはサポート対象外となります。
  • KARTE for Appには対応しておりません。

利用方法

  • テンプレート

    • グローバルメニュー→「接客シナリオ」より、「マウスオーバーでツールチップを表示し効果的なご案内を」を選択し、インストールを行う
  • 設定方法

    • 基本設定
      • ツールチップの設定となります。
        null
  • 「対象要素」にツールチップを表示したい数だけCSSセレクタを入力します

  • 「コンテンツ」に同様にツールチップに表示するテキストを入力します

    • デザイン設定
    • ツールチップのデザイン設定となります。

null

  • その他
    • 対象ユーザーや配信トリガーなどを利用意図に従い設定してください。
    • 利用にあたっては必ずサイト上で本番配信を実施検証の上ご利用ください。