ウェブサイトの第一印象を向上させるための、いくつかのハロバーの例をお探しですか？
適切にデザインされたハロバーは、新規訪問者への温かい歓迎であるだけでなく、既存のユーザーを再エンゲージさせる絶好の機会でもあります。それを活かしましょう。
今日は、ブランドに最適なルック、スタイル、メッセージのアイデアを刺激するために、当社のトップハロバーの例を掘り下げていきます。そして心配しないでください。各タイプのハロバーをサイトに追加するのがいかに簡単かをご説明します。
しかし、始める前に、ハロバーとは何か、そしてなぜそれがゲームチェンジャーなのかを明確にしましょう。
さあ、始めましょう。
今すぐWebおよびアプリプッシュ通知を送信しましょう！
プッシュ通知は、リピートトラフィック、エンゲージメント、売上を自動で伸ばすのに役立つ、非常に効果的で低コストなマーケティングツールです。
ハロバーとは？
ハロバーは、通常ページの上部にある、カスタマイズ可能な洗練されたウェブサイト機能です。その目的は？ニュースレターへの登録、プッシュ通知の購読、または無料ギフトの獲得など、短いメッセージや行動喚起で訪問者の目を引くことです。
ポップアップの洗練された親戚と考えてください。邪魔にならず、よりユーザーフレンドリーです。訪問者がスクロールしても表示されたままですが、サイトの流れを損なうことなく、さりげなくインタラクションを促します。エンゲージメントとUXの両方にとってウィンウィンです。
フローティングバー、スティッキーバー、ウェルカムバー、またはアナウンスバーとしても知られるこれらのツールは、コンバージョンを増やし、より多くのエンゲージメントを促進したいサイトオーナーやデジタルマーケターにとって定番です。
ハロバーは何をするのか？
ハロバーは、今後の例で見るように、マーケティング目標を達成するのに役立つ多用途なツールです。それらを使用して次のことができます。
- 会社のお知らせやフラッシュセールを発表する
- 初めての訪問者を歓迎する
- あなたのブログ購読者を増やすためにリードマグネットを提供する
- ウェビナー登録を促進する
- 割引、クーポン、または送料無料などの購入インセンティブを提供する
- 販売を増やすために製品ページにトラフィックをリダイレクトする
その他多数。ハロバーは、あらゆるマーケティング戦略に強力な追加機能です。基本をカバーしたので、創造性を刺激するハロバーの例を見てみましょう。
最高のハロバーの例
キャンペーンの作成方法を説明し、各ハロバーの例がなぜこれほど効果的なのかを説明します。それでは、お気に入りのハロバーの例を見てみましょう。
注意：「ハロバー」と「フローティングバー」という言葉は同じ機能を指すため、記事全体で両方の用語を使用します。
＃1。購読者リストを増やす
ハロバーの例の最初のものは、ActiveCampaignからの直接的なフローティングバーで、ページの下部に配置されています。
メールサインアップフォームを備えたこのクリーンなデザインは、メールリストを増やすのに最適です。
ActiveCampaignはOptinMonsterのPostalリードジェネレーションテンプレートを使用しました。これはメインサイトと非常によく対照的です。「何千もの人々がマーケティングを改善しました」と述べて、ソーシャルプルーフを含めるようにコピーを調整し、「理由を見る」というフレーズは好奇心を刺激します。
このシンプルでありながら強力なアプローチは、毎月800人の新規登録者をもたらします。詳細については、ActiveCampaignの完全なケーススタディをご覧ください。
＃2。新規リードを引き付ける
Advisor Coachも、すべてのブログ記事でフローティングバーキャンペーンを実行し、目覚ましい成果を上げました。
黒いハローバーはウェブページの白い背景に対して際立ち、黄色いコールトゥアクションボタンは注目を集めます。
ボタンとテキストの色にもっとコントラストがあればよかったのですが、このフローティングバーはAdvisor Coachにとって成功であり、これらのページでのコンバージョンを倍増させました。
#3. より多くの売上を促進する
DigitalMarketerは、人気のハローバーの例に非常に感銘を受け、メインサイトとTruConversion製品ページの2つのサイトに実装しました。
この通知バーは、太字のコールトゥアクションボタンを使用しており、トラフィックを適切なランディングページ（この場合は今後のカンファレンスのチケット購入用）に誘導しやすくしています。
どちらのフローティングバーも、強い色のコントラストを備え、訪問者の機会損失恐怖（FOMO）を利用しています。一方のバーは締め切りを強調し、もう一方はサインアップ制限を強調しました。
その結果は？一方のハローバーは8.45％、もう一方は6.62％のコンバージョン率でした。
#4. オーディエンスとつながる
ハローバーの例を調査している間に、Dogs Naturallyの際立った例に出くわしました。
このハローバーが効果的なのは、コピーです。大量の数字を強調するリードマグネットで顧客を引きつけ、現在の年を含めることでタイムリーに保ちます。
さらに、このフローティングバーはOptinMonsterのYes/Noフォームを使用しており、これは高いコンバージョン率で知られています。
#5. ウェブサイトの訪問者に教育する
コンテンツクリエイターに最適な、ハローバーの例のもう一つの巧妙な使い方を紹介します。Envira Galleryは、訪問者がサイトをもっと探索するように促すフローティングバーでシンプルに保っています。
Yes/Noフォームを使用しましたが、Noボタンはオフにしました。Yesボタンは「開始する」と表示され、訪問者を主要コンテンツにリダイレクトします。
この戦略は、最初に何も要求せず、クリックに対して価値あるコンテンツで報いるため、賢明です。コンバージョン率が高いとわかっているコンテンツに訪問者を誘導する優れた方法です。
これらのハローバーの例をどう活用するか
間違いなく、これらは最高のハローバーの例です。価格、パフォーマンス、機能のバランスを考えると、本当に競争の余地はありません。すぐにこれらのポップアップを作成し始めることをお勧めします。
その後、残っているのは、ソーシャルフィードが機能するようにサイトへのトラフィックを生成することだけです。
そのための簡単な方法は、プッシュ通知を開始することです。プッシュ通知の送信は、サイトのリピートトラフィックを生成するための優れた方法です。もしそれが興味のあることであれば、これらの記事もチェックしてみてください。
- プッシュ通知のコスト：本当に無料なの？（価格分析）
- WordPressブログへのトラフィックを増やす方法（簡単な9つの方法）
- ウェブプッシュ通知のオプトイン率を高める方法（7つの方法）
- Web通知WordPressプラグインをサイトに追加する方法
プッシュ通知の送信にはPushEngageの使用をお勧めします。PushEngageは世界No.1のプッシュ通知ソフトウェアです。まだお済みでない場合は、今すぐPushEngageを使い始めましょう。
