WordPress サイトに Hello Bar を追加する理由とその方法

WordPress サイトのセットアップは大変な作業になる場合があります。サイトのコンテンツとデザインをスピードアップすることが最初のステップです。多くの WordPress ユーザーは、ブログを立ち上げてサイトの基本を固めた後、停滞する傾向があります。ただし、すべてのサイトに実際に<i>備えておくべき追加機能やツールがいくつかあります。 Hello バー (別名通知バー) もその 1 つです。

ハローバーとは何ですか？そう、これは WordPress サイトの上にあるバーで、ページに到着した人々を歓迎します。「通知バー」という同義語が示すように、常にユーザーに通知するわけではありませんが、多くの場合、よりターゲットを絞った目標が設定されています。そのため、業界はこれらのツールを通知バーではなく、Hello バーまたはトップバーとして認識するようになりました。

これらのバーは、サイト訪問者に通知するだけでなく、それ以外にも使用できます。 Hello Bar では、訪問者を会社にとって重要な資産に変えるためのキラーとなる他の多くのサイト資産とともに Hello Bar を作成しています。

Neil Patel 氏は、Quick Sprout サイトの Hello Bar のトップバーがリード総数の 11% を占めていると述べています。つまり、Hello Bar が収益の 11% を占めていることになります。

それはどのように機能するのでしょうか?

トップバーが訪問者をリードに変える方法はいくつかあります。それはあなたの目標によって異なります – メールリストを構築しようとしていますか?ソーシャルメディアのフォロワーを増やしますか？より多くのトラフィックをサイトの特定のページに誘導しますか、それともセールや割引コードを発表しますか?

Hello バーを使用すると、上記のすべてを実現できます。トップバーの使用例をいくつか紹介します (WordPress 全体で常に新しいクリエイティブな使用法が見られます)。

鉛の磁石をぶら下げる

Hello Bar ユーザーがさまざまなリードマグネットを使用しているのを私たちは見てきましたが、これは驚くべきことです。リードをうまく生成するには、特定のコミュニティにユニークで関連性の高いリードマグネットを提供することが非常に重要です。

マーケティングにおけるリードマグネットとは、情報収集を目的として無料で配布されるアイテムまたはサービスのことです。鉛磁石は通常、交換として提供されます。つまり、電子メールアドレスを教えていただければ、ダウンロードできる無料のレシピを差し上げます。鉛の磁石を餌と考えることができます。魅力的なオファーがなければ、訪問者は食いつきません。

魅力的なオファーを構成するものはコミュニティによって異なります。衣料品小売業者は、フィットネスコーチと同じ鉛磁石を使いたくありません。これでは顧客の目に留まらず、サイトとの対話をさらに深めることもできません。

リードマグネットには 5 種類あります。

教育用リードマグネット: 訪問者にまだ知らないことを教えます
便利なリードマグネット: 問題を解決するためのチュートリアル、テンプレート、またはその他のツールを提供します。
コミュニティ構築のリードマグネット: 視聴者が共通点に基づいてコミュニティを構築する方法を作成します。
面白いリードマグネット: 視聴者にインスピレーションを与えたり、楽しませたりする
インタラクティブなリードマグネット: クイズはこれに最適です。

さまざまな用途に使用できるリードマグネットタイプです。たとえば、フィットネスコーチは、フィットネスガイドなどの教育用リードマグネットを共有する場合があります。ブロガーは、読者をブログコミュニティに参加するよう招待し、コミュニティ構築のリードマグネットとして機能する場合があります。ここにはたくさんのオプションがあります - 実際には 50 以上あります。

サイト訪問者にすぐにお金をくれるように求めているわけではないことを覚えておいてください。訪問者はすぐに購入する準備ができていないことがよくあります。代わりに、あなたからの価値あるものと引き換えに、相手の電子メールアドレスやその他の個人情報など、価値のあるものを求めています。訪問者の電子メールアドレスを取得したら、後でフォローアップして、販売目標到達プロセスに誘導することができます。

訪問者にセールについて知らせる

Hello バーは、サイト上でセールや割引コードを告知するための優れたツールです。これらを使用すると、トラフィックを特定のページに誘導し、最もお得な情報が目立たないようにすることができます。

訪問者がサイトにやって来て、インタラクションせずにすぐに去ってしまう高い直帰率の問題に直面している場合は、Hello Bar を使用して、去った訪問者が興味を持ちそうな他のページにトラフィックを誘導することもできます。この戦略は、サイトにより多くのビューを配信し、訪問者と対話する機会を拡大するのに役立ちます。

インシデントについてユーザーに警告する

さまざまなサイトでトップバーがアナウンスや警告に使用されているのを見てきました。たとえば、ユーザーの 1 人は政府のサイトを運営しており、トップバーを使用して今後の気象現象を発表しました。また、ソフトウェア会社がトップバーを使用して、自社のシステムの問題や、チームが解決に取り組んでいる技術的な問題を発表しているのを見てきました。

以上、Hello Bar の使用方法について説明しました。しかし、実際に WordPress サイトにセットアップするにはどうすればよいでしょうか?

ハローバーの作成方法

とてもシンプルです。

Hellobar.com にアクセスして、アカウントにサインアップします。 (ヒント: WP Explorer コミュニティのメンバー限定のプレミアム Growth アカウントの 30 日間無料トライアルを利用する良い機会です。)
目標を選択してください。
ステップバイステップのポップアップクリエーターを使用して、トップバーをデザインします。
Hello Bar ダッシュボードで、「WordPress を使用します」をクリックし、緑色の「ダウンロード」ボタンをクリックします。これにより、.zip ファイルがコンピュータに保存されます。
WordPress ダッシュボードにログインし、「プラグイン」タブに移動し、「新規追加」を選択します。
プラグインページの上部にある [プラグインのアップロード] ボタンをクリックし、ダウンロードした Hello Bar zip ファイルを選択します。
最後に、WordPress ダッシュボード内の「インストールされたプラグイン」タブに移動し、Hello bar プラグインを有効にします。

これで、Hello バーを使い始める準備は完了です。

新しいトップバーの使用は非常に簡単ですが、Hello バーのパフォーマンスを最適化するためのヒントがいくつかあります。

コンテンツから始める

(限られた) 時間をどこに集中すればよいかわからない場合、最大の違いを生む上部バーの要素は、含めることを選択したテキストです。重要な見出しと行動喚起を付けることが重要です。

情報どころか、「メーリングリストに参加してください」だけで訪問者の注意を引くのに十分だった時代はもう終わりました。見出しを作成するときは、最もコンバージョンにつながる見出しは独自のものであり、ブランドとブランドの声に合わせてカスタマイズされているということを忘れないでください。

彼らも短いです。あまりにも長い内容で誘導しないでください。訪問者が見出しを読むのに時間がかかるほど、彼らがコンバージョンに至る可能性は低くなります。見出しは短く、魅力的なものにしてください。 CTA (行動喚起) ボタンを使用して、見出しにさらに詳しい情報を追加できます。

たとえば、無料のレシピを提供する場合は、見出しを「健康的な食事の秘密が知りたいですか?」と設定できます。 ”。次に、CTA として「はい、無料のレシピを送ってください!」と言うかもしれません。 ”。こうすることで、見出しの貴重なスペースを占めることなく、レシピが無料であることを明確にすることができます。

完璧な CTA を作成するためのもう 1 つの重要なヒントは、CTA を質問に対する応答にすることです。 Hello Bar をテストしているときに、Neil Patel は自分のサイトにトップバーを配置し、「トラフィックを増やしたいですか?」という鋭い質問をしました。

ニールのトップバーは素晴らしく機能しました。彼は聴衆に直接語りかける質問を選ぶことで、このような成功を収めることができました。 Forbe誌のトップ10マーケターの1人であるニールは、人々がオンラインでのプレゼンスを向上させる方法を学ぶために彼のサイトにアクセスすることを知っていました。彼のサイトでトラフィックの増加を望まない人がいるでしょうか?

これは人々が「ノー」とは言えない質問であるため、非常に効果的です。視聴者の共感を呼ぶ CTA を見つけるのは難しいですが、コンバージョンに関しては価値があります。

デザインで遊ぶ

Hello Bar には多くのデザインオプションが用意されており、機能を何時間も試すのは簡単ですが、この切り替えをスキップして、最終結果として完璧なトップバーを残す簡単な方法がいくつかあります。

私たちが考えている最高のトリックは何でしょうか？テンプレートと色の自動検出。ログインして、自分に最適なテンプレートを選択するか、自動検出カラーを選択するだけで、トップバーが数秒以内に魔法のようにサイトに一致するのを確認するだけです。これ以上に簡単なことはありません。

もちろん、他にも調整すべき機能はあります。アニメーション化された CTA ボタンはコンバージョンに驚異的な効果をもたらします。試してみる価値は確かにあります。さまざまな色もさまざまな方法で目を引くことができます。ここには遊ぶことがたくさんあり、トップバー以外のサイトの機能を詳しく掘り下げると、写真を含めるためのさらに多くのオプションが表示されます。

A/B テスト

見出し、CTA、デザインにはさまざまなオプションがあるため、あなたのビジネスの Web サイトに何が最適かを判断するのは困難です。幸いなことに、サイトに何が必要かを知る方法があり、それはとても楽しいことです。

A/B テストは、マーケティングで頻繁に使用される実験方法で、サイトにトップバーの複数のバリエーションを同時に配置し (訪問者ごとに異なるバリエーションが表示されます)、最終的にどちらがコンバージョン率が高いかを比較できます。

A/B テストを設定するときは、A/B テストでサイトのどの機能が最適に機能するかだけでなく、その理由を確実に示すために、留意すべき重要な原則がいくつかあります。

その一番のルールは？一度に 1 つの要素のみをテストしてください。つまり、バリエーションを試したい場合は、トップバーの詳細を一度に 1 つだけ変更する必要があります。たとえば、見出しのバリエーションは次のようになります。

まずは見出しをテストすることをお勧めします。ベストプラクティスは、テストするバリエーションを 2 つまたは 3 つ作成することです。これ以上多くすると、ビューが薄くなりすぎて、決定的なデータに到達するまでに時間がかかることになります。

あるバリエーションが次のバリエーションよりも優れていることを証明するのに十分なデータがあるときは、バリエーションの 1 つの横に星が表示されるときにわかります。これは、勝者を見つけたことを示すシステムです。勝者を特定したら、負けたバリエーションを一時停止します。その後、新しいバリエーションの作成を開始できます。

次に CTA をテストしてみてください。優れた CTA を見つけたら、色、画像、アニメーションなどのデザイン面のテストを開始します。バリエーションの実行には必ず十分な時間をかけてください。そうしないと、期待どおりに変換されず、誤った結論が得られる可能性があります。

ターゲティング

マーケティングとは、結局のところ、適切なメッセージを適切な人々の前に届けることです。ここでターゲティングが登場します。ターゲティング方法を使用すると、いくつかのフィルターを選択して、特定のトップバーを表示するユーザーを絞り込むことができます。

これは、顧客に合わせて Hello バーをカスタマイズできることを意味します。バーが顧客に適合するほど、顧客がコンバージョン目標に向けて参加する可能性が高くなります。

Hello Bar のターゲティングを設定する方法は次のとおりです (Hello Bar 自体にはさらに多くのオプションがあります)。

URL パス: 別のページから訪問者がいる場合は、訪問者のサイトに合わせて Hello Bar サイトの機能をカスタマイズできます。
日付: セールを発表する場合、特定のトップバーが表示される日付をカスタマイズできます。これにより、サイト全体を再設計することなく、ハロウィーンに特別な挨拶を送ったり、季節に合わせてサイトを更新したりすることができます。
デバイス: デスクトップ、タブレット、モバイルデバイスのいずれからサイトにアクセスしているかに応じて、ポップアップをカスタマイズして表示を変えることができます。スマートフォンユーザーの間で Web ブラウジングがますます顕著になっているため、これは非常に重要です。

恐れることなく、複数のトップバーを作成してさまざまなページで使用できます。各機能には特定のターゲティングルールがあります。これにより、サイトブラウザに可能な限りカスタムのブラウジングエクスペリエンスが提供されます。

トップバーをすべて微調整したら、他の形式のポップアップを検討し始めることができます。当社のサイトアセットの中には、他のアセットよりもコンバージョンが優れているものもあります (終了時のページの引き継ぎを確認してください!) が、それはサイトと A/B テストへの取り組みに大きく左右されます。

始める準備はできていますか? Hello Bar のプレミアム Growth アカウントを 30 日間無料でお試しください! WPExplorer コミュニティ限定のスニークピークです。