The Plus Addons for Elementor Page Builderはデザイン関連が充実 ウィジェットの種類も多数 ポップアップモーダルの実力は!
The Plus Addons for Elementor Page Builder
The Plus Addons for Elementor Page Builder。2018年リリースなので比較的、新しいアドオン。後発だけにポップアップモーダルを表示する機能「Popup Builder」は複雑な設定が簡単にできるという完成度の高い仕上がり。
それでは、The Plus Addons for Elementor Page Builderの「Popup Builder」の紹介です!
Popup Builder Content
- Select Templates
「テンプレート>テンプレートを保存」にある「セクション」「固定ページを」を設定する。 - Select Option
CTAとして使うかアイコンをクリックさせるかを設定。 - Button Text
ボタン内に表示するテキスト。 - Icon Font
- Icon Spacing
- Icon Size
ボタン内にアイコンを表示する場合に設定する。 - Alignment
ボタンの位置を調整する。
Extra Options
- Content Open Width
ポップアップモーダルの幅を設定する。 Esc Button Close Content Outer Click Close Content On Click Link Popup Close
ポップアップモーダルを閉じる方法を設定をする。Fixed Toggle Button ページ内で固定したい場合に利用する。デスクトップ、タブレット、モバイル、それぞれで固定位置を設定できる。
Display Options
- On Button Click
クリックでポップアップモーダルを表示する。 - On Page Load
ページが表示された段階でポップアップモーダルを表示したい場合はコレ。表示遅延の設定が可能。 - On Scroll
スクロールした場合にポップアップモーダルを表示する。スクロール量はピクセル数で指定可能。 - On Exit Inlet
タブの切り替え時、ページを閉じようとしたときに表示する。 - After Inactivity
何ミリ秒後にポップアップモーダルを表示するか設定する。 - After X Page Views
ページ数を指定して、そのページ数を閲覧した段階で表示する。 - Arriving From Specific URL
特定のURLでポップアップモーダルを表示する。 - On Any Other Element’s Click
ID、クラスを指定してポップアップモーダルを表示するリンクに設定する。 - Show For Specific Time
特定の時間帯にポップアップモーダルを表示する。 - Show X Times per User
ユーザーごとに何日後、何回目に表示するか設定する。