読書の時間： 12 分

巧みに作成されたポップアップメッセージは、何気なく閲覧するユーザーを忠実な顧客へと変える力を持っています。しかし、多くのマーケターがここで勘違いをしています。それは、ポップアップ自体にばかり注目し、その背後にある戦略を見落としている点です。

オムニセンダンス データによると、ポップアップの平均サインアップ率は 3.77% ですが、さらに良い結果を達成できます。 オムニセンダンスWheel of Fortune のようなフルページでのゲーム化されたポップアップ形式は、賢い戦略のおかげで 11% を超えるサインアップ率を達成しています。

戦略的なメッセージング、完璧なタイミング、ユーザー中心のデザインが、迷惑な中断とコンバージョンの違いを生むということを覚えておいてください。

このガイドでは、ポップアップの仕組みを解説し、様々なポップアップの種類を解説し、実際の例を紹介します。また、ポップアップテキストの書き方、よくある間違いの回避方法、そして効果的な活用方法も学びます。 オムニセンダンス コンバージョンを実現するポップアップを構築します。

ポップアップとは何ですか?

ポップアップとは、ウェブサイトのメインページに表示される小さなウィンドウのことで、ユーザーの注意を引き、行動を促すものです。ユーザーをページから引き離すことなく、メッセージやオファーを迅速かつ的確に伝えたり、サインアップを促したりすることができます。

基本的なポップアップは次のようになります。

ポップアップはさまざまな形式とスタイルでカスタマイズできます。 

ポップアップなど ようこそポップアップはページに入るとすぐに読み込まれます。他のものは、スクロールしたりページを離れようとしたりした後に表示されます。

フォームの種類に関わらず、ポップアップは通常、ページの読み込み、スクロール率、離脱意図、ボタンクリックといったユーザー行動に基づいて表示されます。短いコードスニペットやeコマースアプリから追加できるため、設定は迅速かつ簡単です。

典型的なポップアップコンテンツは次のとおりです。 

• フラッシュセールアラート
• 送料無料オファー
• アンケートや簡単な投票
• 緊急時のカウントダウンタイマー
• スピンして勝つゲーム化されたプロモーション
• クーポンコードまたは期間限定割引
• イベントや製品の発表
• ニュースレターまたはSMS登録フォーム
• エラーまたはシステム通知
• クッキーの同意 通知

サイトのポップアップはメッセージを配信し、より早くサインアップを獲得するのに役立ちます。セールやプロモーションに最適です。 メーリングリストを作成するポップアップ通知とは何か、どのように機能するかがわかったので、ポップアップ通知がどのように売上を伸ばすことができるかを見てみましょう。

ポップアップメッセージがeコマースの成功に与える影響

ポップアップメッセージは、訪問者の行動を促すポップアップ内のコンテンツです。ショッピングジャーニーの重要な瞬間に顧客と直接コミュニケーションをとることができます。

多くの電子商取引 Web サイトがポップアップ メッセージを使用して、訪問者の行動を戦略的に誘導しているのを見てきましたが、正直なところ、私も納得したことがあります。

これらのオーバーレイは、訪問者が最も関心を持っているとき、または離脱しようとしているときに表示されます。ポップアップメッセージをうまく活用すれば、次のような効果でストアの成長に貢献できます。 

• 将来のリード獲得 マーケティングキャンペーン

• 簡単なアンケートや評価プロンプトを通じてフィードバックを収集する
• 縮小 カート放棄 退出意思割引やリマインダー付き
• 明確なメールとSMS登録オファーでニュースレターリストを拡大
• トレンド商品や関連商品に訪問者を誘導することでページビューを増やす
• 季節ごとのプロモーションをタイムリーなポップアップで紹介
• ミステリーボックスなどのインタラクティブなゲーミフィケーションでエンゲージメントを促進

• 新製品や今後のイベントについてユーザーに伝える

成功するポップアップと迷惑なポップアップの違いは、メッセージ自体にあります。「今すぐ登録！」というありきたりなメッセージは、すぐに無視されたり閉じられてしまいます。しかし、「最適な選択肢をご用意しています」といった、パーソナライズされ、価値に基づいたポップアップメッセージは、オーディエンスとの真のつながりを生み出します。

では、実際にコンバージョンにつながるポップアップメッセージを作成するにはどうすればよいでしょうか？その方法について考えてみましょう。

コンバージョン率の高いポップアップメッセージを作成する方法

私が一番気づいたのは 効果的なポップアップの練習 シンプルな公式に従うことが重要です。「コンテキスト × デザイン × タイミング」です。この3つの柱をマスターすれば、訪問者を煩わせることなくコンバージョン率を飛躍的に向上させることができます。

コンテキスト

ポップアップメッセージは、ページコンテンツと競合するのではなく、補完するものでなければなりません。メインページで既に割引情報を掲載している場合は、それを繰り返さないでください。ポップアップの価値と訪問者の意図を一致させ、補完的な価値を提供するようにしましょう。 

この 割引ポップアップ 含めることができる 製品の推奨事項、代替インセンティブ、またはメールアドレス取得フォームなど。セカンダリーオファーは、ユーザーのエンゲージメントを維持しながら、押し付けがましさを抑え、より役立つ印象を与えます。

JLab からの無料オファーの例を以下に示します。

設計

優れたデザインは、ポップアップを読みやすく、行動に移しやすいものにします。ブランドカラーとタイポグラフィに調和した、すっきりとしたビジュアルと十分な余白スペースを重視しましょう。明確な階層構造、太字で視認性の高いテキスト、そして単一のCTA（行動喚起）を活用しましょう。 

コピーは簡潔に、太字の見出しと、それを裏付けるようなサブテキストで構成しましょう。関連性の高い、印象的で高品質な画像があれば追加しますが、画像を重ねすぎないようにしましょう。アクセシビリティを考慮し、適切なコントラスト、読みやすいフォントサイズ、フォーカス状態を確保することで、ユーザーが簡単にコンテンツに取り込めるようにします。

以下は Joolca によるクリーンなポップアップ デザインの例です。

ターゲティングとトリガー

最適なデザインでも、適切なタイミングで表示されなければ効果を発揮しません。ポップアップは適切なタイミングで、適切なユーザーに表示されるべきです。一般的なトリガーとターゲティングのルールは以下のとおりです。

• 終了意図（マウスがブラウザタブに向かって移動する）
• スクロールの深さ（例：ページの 50% または 75% 下）
• ページ滞在時間（例：30～60秒後）
• トラフィックソースまたはキャンペーン
• ボタンまたはリンクのクリック
• カートの状態

訪問者の所在地、デバイスの種類、トラフィックソース、過去のインタラクションに基づいてターゲティングします。Omnisendなどのツールを使えば、あらゆるデバイスを対象に正確なターゲティングルールを作成できるため、ポップアップがランダムではなく、タイムリーなものになります。 

ポップアップを公開したら、テストを実施しましょう。さまざまなメッセージ、デザイン、トリガーを試して、最も効果的なものを見つけましょう。A/Bテスト、フリークエンシーキャップ、抑制ルールなどを活用して、コンバージョン後に同じポップアップが表示されないようにしましょう。

ポップアップはまだ機能しますか?

はい！ウェブサイトに複数のタッチポイントがあっても、ポップアップは効果的に機能します。 

Omnisendの調査によると、ポップアップは 平均登録率3.77%再入荷アラートなどの一部のフォーマットでは、3.63%のコンバージョン率を達成しました。これは、埋め込みフォームのわずか0.21%と比べて大幅に高い数値です。

ポップアップは中断型マーケティングを採用しており、閲覧フローを中断して明確な行動喚起に注意を向けさせます。 

「バナーブラインドネス」によって背景に溶け込んでしまうことが多いバナー広告とは異なり、ポップアップは行動を促します。訪問者はポップアップに反応するか、自ら閉じるかのいずれかを選択する必要があります。

サイドバーフォームやフッターリンクなどの受動的な方法と比較して、ポップアップは次の点で信頼できるツールです。

• ユーザーが離脱する前にメールをキャプチャする 
• 製品の更新や再入荷を共有する
• 時間制限のあるオファーを宣伝する
• 放棄されたカートを回収する

ポップアップを実行するには ポップアップのベストプラクティス ユーザーの行動と合致していることを確認してください。成果を上げる鍵はバランスです。ポップアップは、ユーザーをイライラさせることなく、真の価値を提供する必要があります。 

作成できるメッセージ例付きの15種類のポップアップ

原則については説明しましたので、次はそれが実際にどのように機能するかを見てみましょう。 

以下は15です ポップアップの種類 サインアップを集めたり、 カート放棄、そして売上を伸ばします。それぞれの例で、フォーマット、オファー、そしてそれが効果的な理由がわかります。

1. Glossier — ウェルカムライトボックスポップアップ

Glossierは、新規訪問者を初回購入者へと導くために、複数ステップのウェルカムライトボックスポップアップを活用しています。その目的は、コンバージョンへのハードルを低く抑えつつ、将来のマーケティング活動のためのメールアドレスを獲得することです。

• トリガー: 新規訪問者のホームページ訪問時の時間遅延
• 提供: 初回注文15%オフ
• 効果的な理由：: 
  • 明確で即時の価値 
  • 初回購入時の躊躇を解消
  • 低摩擦の「オファーを申請」CTA
  • すべての新規訪問者に関連する
• これを盗む: 温かい歓迎と即時の価値提供で、初回訪問を最初のコンバージョンにつなげましょう。サインアップ後は抑制しましょう。

2. CRAFTD London — フルスクリーンのミステリー割引ポップアップ

CRAFTD Londonは、フルスクリーンポップアップを使用して買い物客の好奇心を刺激し、商品への関心度に応じてセグメント化しています。この体験は、ミステリーオファーから始まり、メールアドレスの取得で終わり、ゲーミフィケーションとパーソナライゼーションを融合させています。

• トリガー: 新規訪問者向けのオンロード
• 提供: カテゴリを選択してメールアドレスを入力すると、謎の割引が表示されます
• 効果的な理由：: 
  • 好奇心を刺激するフック
  • 製品ベースのセグメンテーション
  • パワーズ メールリストの増加
  • インタラクティブフロー
• これを盗む: マルチステップのポップアップを使用して、ユーザーをパーソナライズされたファネルへと導きます。興味をそそるところから始まり、コンバージョンへと導きます。

3. Allbirds — カート価格アップセルポップアップ

カートに商品を追加した買い物客は、送料無料にどれだけ近いかを確認できます。Allbirdのポップアップには、現在のカートの金額と送料無料に必要な金額が表示され、商品の追加を促します。

• トリガー: カートに追加アクション
• 提供: 75ドル以上のご注文で送料無料 
• 効果的な理由：: 
  • カートの進行状況を表示します
  • 損失回避を活用する
  • よくある購入時の異議を解決する
  • 平均注文額の増加
• これを盗む: しきい値を平均注文額よりわずかに高く設定し、「あと 12 ドルで送料無料」などの正確な金額を使用します。

4. マジックスプーン — 定期購入割引ポップアップ

Magic Spoonは、買い物客に1回限りの購入から定期購入への切り替えを促し、割引を提供しています。20%の割引とVIPアクセスなどの特典を提供することで、このオファーは継続収益の増加を目指しています。 

• トリガー: カートに追加をクリック
• 提供: 定期購読して節約しましょう!
• 効果的な理由：: 
  • 強い意志の瞬間を捉える
  • 大幅な節約率
  • 予測可能な収益 ブランドのために
  • 増加 顧客生涯価値
• これを盗む: サブスクリプションはカートに追加する前にではなく、カートに追加した後に提示してください。長期的な価値を強調してください。

5. Brooklinen — クリック時のポップアップ 

ブルックリネン 割引ポップアップ 新着メッセージを示す控えめなメールボックスアイコンの後ろに隠れています。このプレゼンテーションは好奇心を刺激し、クリックすると15%割引という特典を提供することで、受動的なデザインと能動的なエンゲージメントを巧みに融合させています。

• トリガー: メールボックスアイコンをクリック
• 提供: 初回注文15%オフ、チェックアウト時に自動的に適用されます
• 効果的な理由：: 
  • 好奇心を駆り立てるオンデマンド情報
  • アイコンはサイトの流れを妨げずにUIに溶け込みます
  • ポップアップを強制するのではなく、訪問者がオプトインできるようにします
• これを盗む: アイコンによってトリガーされるポップアップを使用して、中断ではなく報酬のように感じられるオプトインの瞬間を作成します。

6. Huckberry — プレゼントポップアップ

Huckberryの「Dream Year Giveaway」ポップアップは、理想の1年を実現するための資金として10万ドルの現金とギアを提供する、大胆で意欲的な企画です。このキャンペーンは、人々の意欲を刺激し、高い価値を感じられるメールを獲得することを目指しています。

• トリガー: 新規訪問者向けの読み込み時ポップアップ
• 提供: 応募して賞品を獲得 
• 効果的な理由：: 
  • コミットメントは少なく、メールだけが必要です
  • 価値の高いファンタジーで興奮を生み出す
  • 「夢を追いかけよう」というコピーで意欲を高めるフレーミング
• これを盗む: 高額の景品を使ってリストを素早く構築し、 ソーシャル共有 到達範囲を拡張するためのオプション。

7. Chubbies — スクロール時のポップアップ

このオンスクロールポップアップは、スマートな行動誘導ツールです。「サイズを選択」と「カートに追加」ボタンがスクロールして見えなくなるとすぐに表示されます。購入手続きを完了するための文脈に沿ったプロンプトで、買い物客に再度アプローチします。

• トリガー: 主要な CTA がビューポートから消えたときにスクロールトリガーされます
• 提供: サイズを選択するかカートに追加してください（割引なし）
• 効果的な理由：: 
  • メッセージはユーザーのアクション（サイズの選択の有無）に基づいて適応します
  • ユーザーが購入経路から外れた場合にのみアクティブ化されます
  • 摩擦なし - フォームや邪魔がなく、コンバージョンへのソフトなプッシュだけ
• これを盗む: 特に長い形式のコンテンツやレビューのある製品ページでユーザーが離れてしまったときに、スクロールベースのトリガーで主要な CTA を再度表示します。

8. Blume — セグメント化された割引ポップアップ

Blumeのフルページポップアップでは、スキンケアの目的を自己申告すると20%オフになります。これはパーソナライゼーションとコンバージョンを巧みに組み合わせたものであり、セグメンテーションを活用して将来のメッセージをカスタマイズしながら、即座に価値を提供しています。

• トリガー: 新規訪問者向けのオンロード
• 提供: スキンケアの悩みを選択すると20%オフ
• 効果的な理由：: 
  • メールや購入の前にユーザーの意図を収集する
  • テーラード 製品の推奨事項 およびメッセージング
  • ソフトなオプトアウト「いや、嫌だ…」は心理的なコントラストを加える
• これを盗むセグメンテーションポップアップは、購入までのプロセスをパーソナライズします。情報をメールで送る前に、好みを尋ねる際に活用しましょう。

9. CoSchedule — Exit-Intent カートセーバーポップアップ

訪問者がタブを閉じようとすると、CoSchedule の終了意図ポップアップが表示され、永久に無料のカレンダーにサインアップするのに 30 秒しかかからないことが保証されます。 

• トリガー: カーソルがブラウザの閉じるボタンに向かって移動したときの終了意図検出
• 提供: 永久に無料のカレンダーを始める
• 効果的な理由：: 
  • コスト障壁の低減
  • 決定ポイントに現れる
  • 売上損失を防ぐ
  • 支えられていると感じられる 
• これを盗む: カートを離れたユーザーを緊急性と明確なインセンティブで捕捉し、離脱意図のオファーを実際の放棄理由と一致させます。 

10. NEMO Equipment — Cookie同意ポップアップ

NEMOのCookieポップアップは、プライバシーコンプライアンスの標準ツールであり、明瞭性とユーザーコントロールを考慮して設計されています。ページの読み込み時に表示され、同意、カスタマイズ、拒否の明確な選択肢を提供します。

• トリガー: すべての訪問者にロード時に
• 提供: 高度なエクスペリエンスとカスタマイズまたは拒否のオプションのためにCookieに同意します
• 効果的な理由：: 
  • 完全なユーザーコントロールと自律性
  • 透明性があり、GDPR、プライバシー基準に準拠しています
  • プレッシャーや気を散らすことなく情報を提供
• これを盗む: 複数の選択肢を表示するCookieポップアップは、信頼の構築に役立ちます。明確な選択肢を提供し、ポリシーへのリンクを提供することで、完全な透明性を確保しましょう。 

11. MotionGrey — スピンして勝つポップアップ

MotionGreyは、ゲーミフィケーションされた「スピン・トゥ・ウィン」ポップアップで訪問者を惹きつけ、即座に報酬を獲得します。これは、メールアドレスの獲得とランダムなインセンティブを組み合わせた、読み込み時の遊び心のある体験で、コンバージョンとリストの成長を最大化します。

• トリガー: 初回訪問者向けのオンロード
• 提供: ホイールを回して、50ドル割引、18%割引、35ドル割引、またはギフトを獲得するチャンスを獲得しましょう
• 効果的な理由：: 
  • スピン後の即時報酬
  • ゲーミフィケーションはサインアップフローに楽しさとインタラクティブ性を追加します
  • スピン前にメールアドレスの入力が必要で、リストを構築します
• これを盗むスピンして勝つポップアップで割引戦略をゲーム化。即時報酬とメールキャプチャーを組み合わせることで、エンゲージメントとコンバージョンを促進します。 

12. MeUndies — クリックするだけで紹介とサインアップのポップアップが表示される

MeUndiesは、「25ドルゲット」タブを常時表示し、紹介促進に特化したポップアップを表示しています。これは、メールアドレスの獲得とバイラルシェアを組み合わせたもので、口コミで拡散してくれたユーザーに報酬を提供する期間限定のオファーです。

• トリガー: フローティング「$25 ゲット」タブをクリック
• 提供: お友達に40%オフをプレゼント、お友達の初回購入後に25ドル割引
• 効果的な理由：: 
  • フローティングボタンにより、閲覧を中断することなくオファーを表示できます。
  • 紹介重視のフレーミングは共有を奨励する
  • 内蔵のソーシャルボタンでバイラル化を実現
• これを盗む: 紹介 CTA を使用して訪問者を支持者に変えることで、共有が簡単になり、報酬も得られます。

13. Kayak — 年齢確認ポップアップ

Kayakのタバコ製品を閲覧する前に、訪問者は生年月日を入力して21歳以上であることを確認する必要があります。このコンプライアンスポップアップには閉じるボタンがないため、すべての訪問者が製品を閲覧する前に年齢を確認する必要があります。

• トリガー: サイトにアクセスする前に初めてアクセスしたすべてのユーザーにページを即時に読み込みます
• 提供: 「このアドベンチャーには21歳以上である必要があります」生年月日を入力してください
• 効果的な理由：: 
  • 法令遵守要件
  • 「ログイン状態を記憶する」チェックボックスにより、再訪問時の摩擦を軽減
  • 未成年者のアクセスをブロック
• これを盗む: 法的要件を満たしつつ、ブランドボイスに合った会話的なコピーを使用してください。「ログイン状態を記憶する」オプションを設定することで、リピーターの迷惑を防ぎます。

14. To'ak Chocolate — ニュースレター登録ポップアップ

訪問者がスクロールしていくと、To'akは限定性を重視した愛好家リストへの参加を促します。限定リリース、教育、特典の提供を約束し、メールリストをプレミアム会員として位置付けています。

• トリガー: スクロール深度に応じてアクティブ化 
• 提供: 限定版の発売への早期の独占アクセス、チョコレートに関する教育
• 効果的な理由：: 
  • コピーは希少性を強調する
  • 割引以上のものを提供
  • プレミアムポジショニングにマッチ
  • オプトインチェックボックスで制御が可能
• これを盗む: メールリストを単なるニュースレターではなく、限定アクセスとして位置付けましょう。スクロール操作によって関心が示され、表示が完了するまで待ちましょう。

15. BaccOff — フラッシュセールカウントダウンポップアップ

BaccOffは、世界心臓デーに合わせてライブカウントダウンポップアップで期間限定セールを宣伝しています。15%割引コードが目立つように表示され、セールが数時間で終了するという緊急メッセージも表示されています。

• トリガー: ページ読み込み後数秒でポップアップが表示される 
• 提供: コード HEARTS15 でサイト全体が 15% オフ
• 効果的な理由：: 
  • イベントとの連携が関連性を生み出す
  • 目に見えるカウントダウンが緊急性を高める
  • 大胆なフレーミングが注目を集める
• これを盗む: 割引を関連イベントや祝日と関連付けます。時間が限られている場合は、時間と分単位でカウントダウンタイマーを表示します。

これらの高パフォーマンスのポップアップに共通する点は次のとおりです。

• 明確な価値またはインセンティブ
• スマートなタイミングとターゲティング
• ポップアップごとに1つの強力なCTA
• 転換後の抑制
• パーソナライゼーションとインタラクティブ性
• ブランドに合わせたデザイン

避けるべきポップアップテキストのよくある間違い

コンバージョンに悪影響を与える最も一般的なポップアップ メッセージの間違いとその修正方法は次のとおりです。

• ポップアップの表示が早すぎる: ユーザーがサイトにアクセスした瞬間にポップアップが表示されると、押しつけがましい印象を与えてしまいます。ユーザーにはあなたのサイトの価値を理解する時間すら与えられていないのです。

  代わりに、スクロールや時間ベースのトリガーを使って、ユーザーにまずはエンゲージメントを促す時間を与えましょう。少なくとも30秒、または訪問者がページを25%スクロールするまで待ちましょう。

• 価値提案が弱い、または欠けている「最新情報を受け取るにはサインアップしてください」や「ニュースレターを購読してください」とだけ書くのは漠然としすぎます。 

  割引、送料無料、限定アクセスなどの明確なメリットを最初に提示します。 

• ポップアップを過度に使用したり、頻繁に表示したりする: ページ訪問のたびに同じポップアップが表示されると、リピーターはイライラし、直帰率も高くなります。

  フリークエンシー キャップを設定し、すでにサインアップまたはコンバージョンしたユーザーに対してポップアップを抑制します。 

• デザインと視認性が悪いポップアップが画面に表示される際は、顧客の集中を惹きつけるため、邪魔にならないようにする必要があります。ベストプラクティスの一つは、ポップアップが背景を暗くすることです。そうしないと、画面が雑然とした印象になってしまうからです。

  Omnisendなどのツールを活用してデザインをパーソナライズし、ポップアップを目立たせることを検討してください。Omnisendは、場所、デバイス、カートの状態、トラフィックソース、過去の行動などに基づいてコンテンツを追加することもできます。 

• 閉じるボタンがない、または見つけにくいポップアップを簡単に閉じられないと、訪問者は閉じ込められていると感じます。そうなると、ほとんどの訪問者はすぐにサイトから離脱してしまいます。

  常に右上隅に、目立つ、簡単にタップできる「X」または閉じるオプションを含めるか、バックグラウンドでクリックして閉じられるようにします。 

• モバイルエクスペリエンスが悪いデスクトップでは問題なく表示されるポップアップも、小さな画面では表示が崩れてしまうことがあります。小さな文字、閉じにくいボタン、雑然としたレイアウトは、モバイルユーザーを遠ざけてしまいます。

  モバイル レイアウトについては、読みやすさ、間隔、簡単なタップ ターゲットなどの使いやすさについて必ずテストしてください。

Omnisend はどのようにしてポップアップを強化できるのでしょうか?

コーディングやデザインに頭を悩ませることなく、コンバージョン率の高いポップアップを作成してみませんか？Omnisendなら、難しい学習なしに、成果につながるプロフェッショナルなポップアップキャンペーンを作成できます。

• 迅速に構築し、ブランドを維持する: ポップアップ、フライアウト、 ランディングページ、または複数ステップのフォーム
• よりスマートなターゲティングとトリガー: 終了意図、カスタムトリガー、セグメンテーション、抑制ルールを使用して、適切なポップアップウィンドウを適切なタイミングで表示します。
• エンゲージメントとコンバージョン: Wheel of Fortuneのようなゲーム化されたポップアップを試したり、メールやSMSをネイティブにキャプチャしたり、A/Bテストとレポートで最適化したりしましょう

よくあるご質問

この記事はもともとに登場しました オムニセンダンス さらに詳しく知りたい場合は、こちらからご覧いただけます。