Web サイトにポップアップを追加する際の推奨事項と禁止事項 + 例

公開: 2023-01-12

木曜日の夜 9 時です。あなたはお茶を飲みながら (天気が悪い日だった場合はワインを飲みながら)、お気に入りの Web サイトで何気なく買い物をしています。あなたはあくびをし始め、寝る準備をする時間だと思います。タブを閉じようとしているときに、BAM! 終了インテントポップアップに次のメッセージが表示されます。バッグの中にアイテムがあります。」「今すぐチェックアウト」という行動を促すフレーズが表示され、新しい財布を購入することになります。

それらの出口インテントポップアップが機能するので、私たちは皆そこにいました。実際、出口インテントポップアップのコンバージョン率は約 3 ～ 5% です。膨大な数ではありませんが、開発者の時間をゼロにするだけで、リード、売上、およびサイトでのやり取りを増やすのに十分です。ポップアップは Web サイトでは標準的な方法ですが、自分のサイトにポップアップを追加する際の最善の方法と禁止事項を知っていますか?

情報を詰め込みすぎないでください。

一般的な経験則として、ポップアップは最大幅 900 ピクセルを超えてはなりません。画像を使用する場合、コンテンツ用のスペースがあまりないため、クリエイティブになるようにしてください。

Old Navy はポップアップを使用して、顧客にクレジットカードの申し込みを促しています。有益なコピーがいくつか含まれており、行動を促すフレーズ (CTA) ボタンが顧客をアプリケーションに導きます。これはシンプルだが効果的なポップアップの例です。

ユーザー情報を収集してください。

将来のコミュニケーションを送信できるように電子メールを収集することは、新規および既存の顧客との関係を維持するための優れた方法です。ニュースレターのメールアドレスを収集したり、クーポンコードを提供したりできます。

巨大なフォームを作成する必要はありません。実際、メールフィールドだけで十分です。メールをパーソナライズしたい場合は、名前フィールドを追加できます。ユーザーからさらに情報を収集する必要がある場合は、後で行ってください。このインタラクションの時間枠は、訪問者が必要とする情報を表示し、必要なリード情報を収集するのに十分です。

ヒント: 訪問者に従来の「Welcome10」を 10% オフコードとして推測させたくない場合は、代わりにカスタムコードを使用してください。

あまりにも多くのポップアップで視聴者を圧倒しないでください。

ユーザーがサイトをナビゲートするときのエクスペリエンスに注意してください。不要なポップアップでビジターのジャーニーを妨害することは、有害な場合があります。たとえば、最近ラグを見ていたら、製品の閲覧中に中断が発生しました。製品の次のページをクリックして表示するたびに、このポップアップが表示され、検索を続行する前に拒否する必要がありました.

ありがたいことに、彼らはこの小さな円でユーザーエクスペリエンス (UX) を改善し、ポップアップが拡大するようにしました。このポップアップを改善するもう 1 つの方法は、顧客が商品をカートに追加した後にのみ表示することです。

もう 1 つの悪い例は、NFL のダブルポップアップディスプレイです。

一度に 2 つのポップアップを表示するのは圧倒されます。ブラウザの通知ポップアップで「後で」をクリックすると、期間限定オファーも終了したため、サインアップする機会が失われました。一度に 1 つのポップアップに固執するか、この場合は時間指定ポップアップを使用します。そうすれば、初めての訪問者は、一度に 1 つのオプションを見て熟考する機会を得ることができます。

時間指定ポップアップの使用に関する詳細については、読み続けてください。

メール（リード）と引き換えにクーポンを提供してください。

見込み客の収集に戻ると、訪問者から情報を収集することはやりがいがあるはずです。ほとんどの消費者は、毎月のニュースレターへのアクセスや初回購入時のわずかな割引など、見返りを求めています。ユーザーに報酬プログラムにサインアップさせることもできます。電子メールと名前のクーポンまたは限定コンテンツを提供することは簡単な交換であり、将来のマーケティングキャンペーンのために見込み客を増やします.

色と時間指定のポップアップで訪問者の注意を引きましょう。

ポップアップは、視聴者の注意を引くためのものですよね? したがって、補色を使用してポップアップを目立たせます。カラーホイールを見て、メインの配色を補完する色を見つけます。ポップアップが邪魔になりすぎないように注意してください。ただし、小さな通知の場合は、訪問者が表示しているページで目立つようにする必要があります。

さらに、時間指定機能を使用して、ユーザーがサイトに一定時間滞在した後にポップアップを表示することで、ユーザーの注意を再び集中させ、正しい道を歩み続けることができます。

たとえば、申請書に記入していて気が散ると、次のようなポップアップが表示されることがあります。

この通知は、ユーザーにフォーカスをアプリケーションに戻すように促すだけでなく、完了への切迫感も示します。最終的に、時間指定ポップアップを使用すると、Web サイトの訪問者を、アプリケーション、購入、またはフォームの送信を完了すると予想される経路に留めることができます。

ポップアップを閉じるオプションを追加することを忘れないでください。

混乱を避けるために、サイト訪問者がポップアップを閉じる方法を明確にします。最悪のシナリオ: 訪問者がタブを完全に閉じ、二度とサイトに戻らない。うわぁ。特に顧客サービス、保持、および販売のビジネスでは、誰もそれを望んでいません。

ShortStack のアクションウィジェットを使用して、閉じるポップアップアクションを作成します。訪問者がポップアップを閉じる際に使用できる優れたテキストは次のとおりです。

誘いを断る
近い
次の時間
後で通知する
結構です
情報のおかげで

ポップアップを使用して、サイトまたは特定の製品に年齢制限を設けてください。

ニコチンやアルコールなど、購入者が特定の年齢であることを必要とする商品を販売していますか? Rogue Brewery のような簡単なポップアップを使用して、表示されるコンテンツが年齢に適していることを確認します。

このような事前に作成されたテンプレートを使用して、訪問者がサイトに入るのに適切な年齢であることを確認できます.

主要な変更を顧客に知らせてください。

新しい製品やサービスをリリースしていて、その情報をユーザーに知らせたい場合、ポップアップを使用して通知するのが最善の方法です。キャンペーンビルダーに新しいテンプレート、機能、またはメジャーアップデートがある場合、以下のようなアプリケーション内ポップアップを介してクライアントに通知します。

この新機能の詳細については、CTA ボタンをクリックして詳細な説明をご覧ください。同様に、クライアントが機能について知りたくない場合、または既に情報を知っている場合、ポップアップを閉じるオプションは、ゴミ箱アイコンと「情報をありがとう!」の 2 つの場所に明確にリストされています。オプション。

結論

全体として、ポップアップは信じられないほど成功したマーケティングツールです。 Web サイトの訪問者に新しい変更を知らせたい場合でも、今後のマーケティングキャンペーンの見込み客を集めたい場合でも、ポップアップを使用してみてください。 2023 年のビジネス目標を達成するために、上記の推奨事項と禁止事項を参照してください。