PushEngageでWordPressのポップアップモーダルをデザインする方法

購読オプトインまたはポップアップモーダルは、ウェブサイト訪問者が最初に目にするものです。必要に応じて、ウェブサイトのテーマに合わせて購読ポップアップをスタイル設定できます。

開始する前に

There are various styles in Subscription Popup

  • Safariスタイルボックス
  • フローティングバー
  • ベル配置バー
  • 大きなSafariスタイルボックス
  • セグメント付きの大きなSafariスタイル
  • シングルステップオプトイン

注意: シングルステップオプトインを除き、すべての購読ポップアップスタイルは編集またはカスタマイズできます。シングルステップオプトインはブラウザのデフォルトスタイルであり、編集またはカスタマイズすることはできません。

Choosing Single-Step Opt-in

You can choose Single Step Opt-in since the service worker is installed automatically you can start collecting subscribers automatically.

Styling Two-Step Opt-in

The below guide will help you understand how to edit the two-step Subscription popup.

Please navigate to Design > Popup Modals. On the selected style, you can click on Edit Popup after hovering.

ポップアップデザインの下で、オプトインの配置、背景色、許可ボタン、ブロックボタンを変更できます。より親しみやすくするために、ブランドやウェブサイトのテーマに合わせてポップアップをより親しみやすくすることができます。

2022-08-30 00:39:45のスクリーンショット.png

ポップアップモーダルの機能を強化するためのオプションの理解

オプトイン購読を有効にするール

This popup modal will be displayed across all the pages allowed by the global targeting rule. However, if you wish, you can add these pop-ups on specific web pages.

購読オーバーレイを有効にする

An overlay is an option that highlights people to click on allow, indicating users to click allow the button to receive push notifications.

リマインダープロンプトを有効にする:

ChromeやEdgeなどのブラウザは、ブロックを頻繁にクリックしたウェブサイト訪問者の過去の行動に基づいています。アドレスバーにベルアイコンが表示される、より静かなUIを有効にします。これは、通常通知を拒否する人々のための購読ポップアップの最適化されたバージョンです。このリマインダーはデスクトップでのみ表示できます。これは、人々がWebプッシュキャンペーンを購読するように教育するためです。

購読ポップアップ:

これは、コードがインストールされているページにオプトインを表示するかどうかを無効または有効にするトグルボタンです。このトグルをオフにすると、購読者の収集が停止します。

表示オプションの理解

This screen will help you optimize how the subscription pop-up wants to be displayed.

2022-09-01 22:25:16のスクリーンショット.png

クイックインストール:

このオプションは常にオフにしておくことをお勧めします。そのため、購読者はあなたのドメインで収集されます。このオプションは、サービスワーカーをウェブサイトに追加してドメインで購読を収集できない人のためのものです。

オプトイン購読トリガーを有効にする:

ページ読み込み以外にも、ポップアップは、一致するCSSクラスまたは要素IDを持つボタンやリンクのいずれかをクリックしたときなど、他のあらゆるイベントでトリガーできます。コードベースを変更せずにポップアップをトリガーできます。

オプトインを表示:

ここで、遅延後にオプトインを表示するか、ページの特定割合をスクロールした後に表示するかを設定するルールを設定できます。

  • 遅延 – サブスクリプションポップアップが表示されるまでの時間。ベストプラクティスとして5秒未満、または最大10秒をお勧めします。
  • スクロール – 訪問者が画面のXパーセントをスクロールした場合にサブスクリプションポップアップをトリガーできるかどうかを決定できます。
  • Cookieの有効期間 – 人がキャンセルしてサブスクリプションポップアップを許可しない/ブロックしないと判断した場合、リセットCookieの有効期間を定義できます。それらの日数が経過すると、訪問者は再びポップアップを見ることができます。

これで完了です。サブスクリプションポップアップをニーズに合わせてカスタマイズしたら、変更を保存できます。

これで、ウェブサイトの訪問者がウェブプッシュサブスクライバーにコンバージョンするのを見る準備が整いました。

If in case you run into any issues, please feel free to contact us by clicking here. Our support team will be able to help you.

最終更新日:2026年3月9日

ウェブサイトを離れた後も訪問者をエンゲージし、維持する

見逃せないプッシュ通知で、すべてのウェブ訪問の価値を高めましょう。

  • 永久無料プラン
  • 簡単なセットアップ
  • 5つ星サポート