特定のボタンをクリックしたタイミングでポップアップを表示させる設定

最終更新日:

2021/11/11のUI刷新 第一弾リリースにてカラースキーム(配色設計)とタイポグラフィ(文字の書体、大きさ、配列のしかたなど)を変更しております。オンラインマニュアルに掲載している画面キャプチャと実際の管理画面の配色や文字の状態が異なる場合がございますがご了承いただけますと幸いでございます。

Webサイト内の特定のボタンをクリックしたタイミングでそのページにポップアップを表示させる設定をご紹介します。

設定方法

  1. ポップアップを表示させたいWebページの内ボタンに「<div class="satori__popup_button">★ボタン★</div>」のようなclass属性を設定する
  2. ポップアップ作成画面にて「ポップアップさせるタイミング」を「'satori__popup_button' class付きボタン押下時」を選択し、ポップアップ設置コードをポップアップを表示させたいWebページに設置

注意点

1つのページに複数のポップアップ設置コードを設定する場合は、動作しません。

※同一ページに「エンベッド設置コード」が設定されている場合は動作します。

この記事は役に立ちましたか?

0人中0人がこの記事が役に立ったと言っています