コンバージョンを促進することが証明された 7 つのクリエイティブな Hello Bar の例

ウェブサイトの第一印象を高めるためのハローバーの例をお探しですか?

適切にデザインされたハローバーは、新規訪問者を温かく歓迎するだけでなく、忠実なユーザーを再エンゲージする絶好の機会でもあります。それを大切にしてください。

今日は、あなたのブランドの完璧な外観、スタイル、メッセージのアイデアを生み出すために、トップのハローバーの例を詳しく見ていきます。心配しないでください。各種類の Hello バーをサイトに追加するのがいかに簡単かを説明します。

しかし、本題に入る前に、Hello バーとは何なのか、そしてなぜこれが大きな変革をもたらすのかを明確に理解しましょう。

飛び込んでみましょう。

ハローバーって何？

Hello バーは洗練された Web サイトの機能で、通常はページの上部にあるカスタマイズ可能なバーです。その目標は？ニュースレターへの登録、プッシュ通知の購読、景品の獲得など、短いメッセージや行動喚起で訪問者の目を引きます。

これはポップアップの洗練されたいとこであり、混乱が少なく、よりユーザーフレンドリーであると考えてください。訪問者がスクロールしても表示され続けますが、サイトの流れを損なうことなく、さりげなくインタラクションを促進します。エンゲージメントとUXの双方にメリットをもたらします。

フローティング バー、スティッキー バー、ウェルカム バー、アナウンス バーとも呼ばれるこれらのツールは、コンバージョンを促進し、エンゲージメントをさらに高めたいと考えているサイト所有者やデジタル マーケティング担当者にとって頼りになるツールです。

ハローバーって何をするの？

今後の例で説明するように、Hello バーはマーケティング目標の達成に役立つ多用途のツールです。それらを使用して次のことができます。

• 会社の最新情報やフラッシュセールを発表する
• 初めての訪問者を歓迎します
• リードマグネットを提供してブログ購読者を増やす
• ウェビナーの登録を促進する
• 割引、クーポン、送料無料などの購入インセンティブを提供する
• 売上を増やすためにトラフィックを製品ページにリダイレクトします

さらに多くのこと。ハロー バーは、あらゆるマーケティング戦略に強力に追加されます。基本を説明したので、創造性を刺激するために Hello Bar の例をいくつか見てみましょう。

Hello Bar の最良の例

キャンペーンの作成方法を説明し、Hello Bar の各例がなぜうまく機能するのかを説明します。そうは言っても、お気に入りの hello bar の例を見ていきましょう。

#1.購読者リストを増やす

Hello バーの例の最初は、ActiveCampaign の単純なフローティング バーで、ページの下部に配置されています。

電子メールのサインアップ フォームを備えたこのすっきりとしたデザインは、電子メールのリストを増やすのに最適です。

ActiveCampaign は OptinMonster の Postal Lead Generation テンプレートを使用しましたが、これはメイン サイトとは見事に対照的です。彼らはコピーを微調整して社会的証明を含め、「何千もの人々がマーケティングを向上させた」と述べ、「理由を見てください」というフレーズが好奇心を刺激しました。

このシンプルかつ強力なアプローチにより、毎月 800 件の新規サインアップがもたらされます。詳細については、ActiveCampaign のケーススタディ全体をご覧ください。

#2.新しいリードを引き付ける

Advisor Coach も、すべてのブログ投稿で実行したフローティング バー キャンペーンで目覚ましい成果を上げました。

黒い Hello バーは Web ページの白い背景に対して目立ち、黄色の CTA ボタンが注目を集めます。

ボタンとテキストの色のコントラストをもっと高めたかったかもしれませんが、このフローティング バーは Advisor Coach にとって成功し、これらのページでのコンバージョンが 2 倍になりました。

#3.さらなる売上の促進

DigitalMarketer は、人気のある Hello Bar の例に非常に感銘を受け、それを自社の 2 つのサイト (メイン サイトと TruConversion 製品ページ) に実装しました。

この通知バーには太字の行動喚起ボタンが使用されており、トラフィックを適切なランディング ページ (この場合は今後のカンファレンスのチケットを購入するため) に簡単に誘導できます。

どちらのフローティング バーも強い色のコントラストを特徴としており、訪問者の見逃しに対する恐怖 (FOMO) を利用しています。 1 つのバーは期限を強調し、もう 1 つのバーはサインアップの制限を強調しました。

結果？ 1 つの Hello バーのコンバージョン率は 8.45%、もう 1 つは 6.62% でした。

#4.視聴者とつながる

ハローバーの例を調査しているときに、Dogs Naturally の傑出した事例を見つけました。

このハローバーを効果的にしているのはコピーです。多数の数字を強調するリードマグネットで顧客を惹きつけ、今年を含めることでタイムリーさを保ちます。

さらに、このフローティング バーは、高いコンバージョン率で知られる OptinMonster の Yes/No フォームを使用しています。

#5.ウェブサイトの訪問者を教育する

ここでは、コンテンツ クリエーターに最適な、Hello Bar の別の賢い使用例を紹介します。 Envira Gallery は、訪問者がサイトをさらに探索できるようにフローティング バーを使用してシンプルにしています。

彼らは「はい/いいえ」フォームを使用しましたが、「いいえ」ボタンをオフにしました。 [はい] ボタンには「始めましょう」と表示され、訪問者がピラー コンテンツにリダイレクトされます。

この戦略は、事前に何も要求せず、クリックに価値のあるコンテンツを提供するため、賢明です。これは、コンバージョンにつながることがわかっているコンテンツに訪問者を誘導する優れた方法です。

これらの Hello Bar の例をどうするか

間違いなく、これらは Hello Bar の最良の例です。価格、性能、機能のバランスを考えれば、これに勝るものはありません。すぐにこれらのポップアップの作成を開始することをお勧めします。

その後は、ソーシャル フィードが機能するようにサイトへのトラフィックを生成するだけです。

その簡単な方法は、プッシュ通知の使用を開始することです。プッシュ通知の送信は、サイトに繰り返しトラフィックを生成する優れた方法です。興味がある場合は、次の記事もご覧ください。

• プッシュ通知のコスト: 本当に無料ですか? (価格分析)
• WordPress ブログへのトラフィックを増やす方法 (9 つの簡単な方法)
• Web プッシュ通知のオプトイン率を高める方法 (7 つの方法)
• Web 通知 WordPress プラグインをサイトに追加する方法

プッシュ通知の送信には PushEngage を使用することをお勧めします。 PushEngage は、世界ナンバー 1 のプッシュ通知ソフトウェアです。まだお使いでない場合は、今すぐ PushEngage を始めてください。