Countdown Popup
指定した日時までのカウントダウンタイマーを表示するポップアップ
プレビュー
表示条件
| 項目名 | 説明/備考 |
|---|
カウントダウン終了時間 | 閲覧ブラウザのローカルタイムで設定 |
表示単位の言語 | 日本語、英語、中国語、韓国語、スペイン語から設定 |
表示形式 | 日、時、分、秒 の組み合わせから表示単位を設定 |
カウントダウンエリアの幅を設定する | カウントダウンエリアの横幅を設定 |
ポップアップ
| 項目名 | 説明/備考 |
|---|
ポップアップの幅 | ポップアップ領域の幅 |
ポップアップの角丸 | – |
ポップアップの背景色 | ポップアップ領域の色 |
ポップアップのボーダー太さ | ポップアップ領域の枠線の太さ |
ポップアップのボーダー色 | ポップアップのボーダー色 |
ポップアップのＸボタン色 | ポップアップのクローズボタンの色 |
ポップアップの影 | – |
ポップアップ内側の余白 | 値を大きく設定するとコンテンツ領域が小さくなります |
ブラウザ端からの距離 | 表示位置を中央に設定すると適用されません |
ポップアップのアニメーション | フェードイン表示を設定します |
アニメーション方向 | フェードイン中に適用される方向 |
コンテンツ要素間の余白 | ポップアップ内の各要素の距離 |
背景レイヤー | ポップアップの外側へオーバーレイを表示 |
ページスクロールをロック | ポップアップを表示中にスクロールをロック |
背景レイヤー色 | – |
| 実行トリガー | 発火タイミング |
|---|
DOM Ready | DOM が生成されたとき |
Exit | Popup表示までの待機時間 で設定した秒数の間、ブラウザのナビゲーションエリア（ページコンテンツエリア以外）にマウスカーソルを移動、もしくは別タブに移動したとき |
Inactive | 非アクティブ時間 で設定した秒数の間、ページ内でインタラクションがないとき |
Scroll | ページ全体の高さを 100%としたとき、最上部から指定した距離%をスクロールしたとき |
Click | Content Zone で指定した要素をクリックしたとき |
※ Exit はデスクトップブラウザのマウスイベントをトリガーにしているため、スマートフォンブラウザでは発火しません。
遅延時間: 実行トリガーが Click の場合は、0秒を推奨します。
テキスト
| 項目名 | 説明/備考 |
|---|
見出しのフォントサイズ | - |
見出しテキスト色 | - |
本文のフォントサイズ | - |
本文テキスト色 | - |
ボタン共通
| 項目名 | 説明/備考 |
|---|
ボタンのフォントサイズ | - |
ボタンのボーダー太さ | - |
ボタンの角丸 | - |
ボタンのテキスト色 | - |
ボタンのボーダー色 | - |
ボタンの背景色 | - |
コンテンツ テキスト
| 項目名 | 説明/備考 |
|---|
見出しテキスト | 設定しない場合は半角スペースを１つ入力します |
本文テキスト | 設定しない場合は半角スペースを１つ入力します |
ポップアップ 画像URL | URL 形式、BASE64 形式で指定が可能です |
ボタン
| 項目名 | 説明/備考 |
|---|
ボタンテキスト | リンクは設定できません |
ボタンURL | – |
Content Zone
設定不要です