1. ホーム
  2. Elementor
  3. ポップアップビルダー

Elementorポップアップビルダー完全ガイド

初級〜中級者向け ⏱ 作業時間：20〜40分

ポップアップビルダーは、Elementor Pro限定の機能で、メルマガ登録・クーポン配布・お知らせ等のポップアップを、ヘッダー・フッターと同じ視覚編集画面で作成できる仕組みです。表示トリガー（いつ表示するか）とターゲティング条件（誰に・どこで表示するか）を組み合わせることで、訪問者の行動に応じた効果的なポップアップを実現できます。

1. ポップアップビルダーとは何か

ポップアップビルダーは、ページ上に重ねて表示する小さなウィンドウ（ポップアップ）を、ドラッグ＆ドロップで自由にデザインできる機能です。通常のページ編集と同じウィジェットが使えるため、フォーム・画像・ボタン等を自由に組み合わせられます。

2. ポップアップの作成手順

1「Elementor」→「テンプレート」→「テーマビルダー」を開き、「ポップアップ」タブを選択

2「+新規追加」からテンプレート名を入力して作成

3用意されたテンプレートから選ぶか、白紙から独自にデザインする

4フォームウィジェット等を配置し、閉じるボタンの位置・サイズも調整する

5編集後、表示条件（トリガー・ターゲティング・表示頻度）を設定して公開

3. 表示トリガーの種類

トリガー説明
ページ読み込み時ページが開いた瞬間、または指定秒数後に表示
スクロール到達時ページの指定した位置までスクロールしたら表示
離脱意図検知（Exit Intent）マウスカーソルがブラウザの外に向かった瞬間に表示（PC向け）
クリック時特定のボタン・リンクをクリックしたタイミングで表示
非アクティブ検知一定時間操作がない場合に表示
ページ滞在時間ページ滞在から指定秒数経過後に表示

4. ターゲティング条件の設定

トリガーに加えて、「誰に」「どのページで」表示するかを細かく設定できます。

5. 表示頻度の制御

同じ訪問者に何度もポップアップを表示すると、離脱の原因になります。「表示頻度」設定で、Cookieを使った再表示の制限が可能です。

注意：表示頻度を「毎回表示」にしたまま公開すると、訪問者の体験を損ない、直帰率の悪化につながります。特別な理由がない限り「1回のみ」または「期間指定」を使いましょう。

6. よくある活用パターン

7. スマホ表示の注意点

離脱意図検知（Exit Intent）はマウスカーソルの動きを検知する仕組みのため、スマートフォンでは機能しません。モバイル訪問者向けには、スクロール到達時や滞在時間等、別のトリガーを設定してください。また、Googleはモバイルでの「画面全体を覆う邪魔なポップアップ」を検索順位の評価対象としているため、モバイル表示時は小さめのバナー型にする等の配慮も検討しましょう。

よくある質問

Q1. ポップアップビルダーはFree版でも使えますか？

A. いいえ、ポップアップビルダーはElementor Pro限定の機能です。無料版でポップアップを実装したい場合は、専用の無料プラグイン（Popup Maker等）との組み合わせを検討してください。

Q2. ポップアップがスマホで正しく表示されません

A. ポップアップの幅・高さがデスクトップ基準で固定されている場合によく起こります。編集画面でデバイスをモバイル表示に切り替え、モバイル専用のサイズ・余白を個別に設定してください。

Q3. 同じユーザーに何度もポップアップが表示されてしまいます

A. 「表示頻度」の設定で「1回のみ」や「Cookieの有効期限」を指定することで防げます。高度なルール設定画面から、表示済みユーザーへの再表示を制限する条件を追加してください。

まとめ

ポップアップビルダーは、表示トリガー・ターゲティング・表示頻度を適切に組み合わせることで、訪問者の邪魔にならない効果的な訴求ができます。モバイルでの見え方とGoogleの評価基準にも配慮しながら活用しましょう。

関連ページ

↑