セグメントを使用したポップアップモーダルのスタイリングガイド

The subscription opt-in or Popup Modal can now customize and also include a segment checkbox so that the website visitor can get a chance to go ahead and decide if they want to be notified for all campaigns or only selected segments.

購読オプトインのさまざまなスタイル

There are various styles in Subscription Popup that could convert your visitors to your web push subscribers and customers.

Sleek Opt-in Box: This style has a sleek design and only one button rather than two.

Safari Style Box: This is a classic double-step opt-in with two buttons to click on Allow or Deny, which can be customized.

Bell Placed Bar: This small bell tells you to subscribe or block. The small bell icon in the bottom corner can be customized but takes up less screen space, allowing people to subscribe to the push notifications.

Floating Bar: This Popup style spreads across the screen and will be placed at the bottom. You can add longer text to the Design popup.

Push Single-Step Opt-in: A single-step permission box, that does not allow you to customize or add any personalized message.

Large Safari Style Box : A box that appears in the middle of the screen and allows you to add segments.

Note: All the subscription popup styles can be edited or customized except for Single Step Opt-in. The Push Single Step Opt-in is the browser’s default style and cannot be edited or customized

Adding Segments to Subscription Opt-in

You can choose the style you want to opt in to and click Edit. Under Popup Design, you should Enable All Segments.

You can choose the segments from the dropdown and check if the preview is what you want it to look like. You also have the option to customize the color of the checkboxes so you can align them with your Brand’s colors. This is how your preview would look like –

Understanding options to enhance the functionality

Enable Opt-in Subscription ール

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

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

オーバーレイは、許可をクリックするように人々を強調表示するオプションであり、ユーザーに許可ボタンをクリックしてプッシュ通知を受信するように促します。

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

Browsers like Chrome, and Edge are based on website visitors’ previous behavior if they click on Block often. They enable a quieter UI, a bell icon in the address bar. It is an optimized version of the subscription pop-up for people who usually deny notifications. This reminder can be shown on a desktop only. It is to educate people to still subscribe to web push campaigns.

購読ポップアップ:

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

表示オプションの理解

この画面は、購読ポップアップの表示方法を最適化するのに役立ちます。

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

Quick Install :

We recommend keeping this option always off. So subscribers are collected on your domain. This option is only for people who are not able to add service workers to their website and collect subscriptions on their domain.

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

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

オプトインを表示:

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

  • Delay – After how long should the subscription popup show up? We recommend that the best practice is to have it under 5 seconds or maximum 10 seconds.
  • スクロール – 訪問者が画面のXパーセントをスクロールした場合にサブスクリプションポップアップをトリガーできるかどうかを決定できます。
  • Cookie Duration – If a person cancels and decides to allow neither/block the subscription popup, you can define the reset cookie duration. After those many days, the visitor can see the popup again.

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

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

問題が発生した場合は、こちらをクリックして お気軽にお問い合わせください 。サポートチームがお手伝いします。

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

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

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

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