【ブログ運営者必見】サイトにCTAを設置できる「HelloBar」をご紹介！

2022 9/02

9月 2, 2022 9月 2, 2022

この記事では、個人で活躍するブログ運営者の方々のために、WordPressなどで作成したWebサイトにCTAを設置できる「HelloBar」というサービスを紹介します。

CTAは日本語で「Call to Action」と呼ばれ、訪問者に資料請求を促したり、業種によっては無料相談などに利用することができます。

メルマガ登録をCTAにしている人も多いですが、無料とはいえ、最近では純粋にメルマガ登録をしてもらうのは、業界での権威やインフルエンサーのような影響力がないと難しいです。

無料商品である無料オファーを作って、登録ページであるオプトインページに誘導するのがセオリーだと思います。

ところで、Webサイトを訪問した際にフォローしてくれるCTAを見たことはありますか？それらは様々な形で登場しますが、多くは画面の上部や下部にツールバーを設置してトラッキングCTAを表示させたり、数秒後にポップアップを表示させたりするものです。

通常、この仕組みを設定するのは難しく、HTMLやCSS、JavaScriptなどのプログラミング言語の知識が必要です。

これらの知識がない人にとっては、理解するのが難しいですよね。JavaScriptは本格的なプログラミングの知識が必要になるのです。

そこで、これらの専門的なプログラミング言語を一切使わずにツールバーを作成できる「Hello Bar」というサービスについて解説していきます。一種のノーコードと言えるかもしませんね！

Web集客の基本

自分あるいは他の方々の商品を販売していくことがWebで集客するゴールになります。そんな中で、Webサイトなどを単体で作成しただけでは集客は残念ながら難しいです。

サイトのお問い合わせは、文章を考えて項目を入力することになるので、かなりハードルが高く、影響力がなければ、それだけの行動を起こしてくれる人はかなり少なくなるからです。また、ブログ運営では現在SEOは難易度が高めになっているためです。

そんな時は、いかに見込み客を集めるかが重要になります。自分の商品等がある場合に、見込み客を集めるためには、仕組み化する必要があります。具体的には、

無料コンテンツに誘導するページにアクセスを集める
興味のあるユーザーはメールアドレスを登録する
そのメールアドレスにメールを送信して情報を提供する
ランディングページで販売する

という流れになります。このように、ブログなどサイトと組み合わせていくことで、Web集客で商品をより効率良く販売できるようになります。

よって、資料請求や無料相談、メルマガの登録などCTA（行動喚起）が必須になってくるのです。

「Hello Bar」の意義がより明確化されてきたところで、次回からいよいよ「Hello Bar」の魅力を解説していきます。

プロダクト紹介

概要

アメリカのカリフォルニア州ラミラダに本社があるHello Barが提供する「Hello Bar」は、ツールバーで簡単にCTAを設定できるとサービスになります。

ツールバーとは、画面の上部や下部に固定され、サイトへの訪問者をフォローしてくれるバーのことです。

このツールバーでは、

メルマガ登録などのメールアドレスの取得
特定のサイトへの誘導
ソーシャルアカウントをフォローする

などを簡単に設定することができます。

いずれもWebマーケティングには非常に有効です。プログラミングの専門的な知識は必要ありません。

画面操作に沿ってクリックするだけなので、Web初心者でも簡単に設置することができます。現在流行っているノーコードツールの一種と言えるでしょう。しかも、無料とはいえ、機能的には十二分に充実しています。

有料のPro版もありますが、月額12ドル（約1,200円）とそこまで高くはありません。設定画面は英語ですが、Googleの日本語訳が使えます。日本語は少しごちゃごちゃしていますが、ニュアンスはわかると思います。

ツールバーの作り方

公式サイトへログイン

公式サイト：https://www.hellobar.com/

まずは公式サイトにアクセスしてみましょう。

Hello Barにユーザー登録

「Hello Bar」にユーザー登録をします。その際、Googleアカウントが必要になります。Googleアカウントでログインしていることを確認し、「お客様のホームページURL」にHelloBarを設置したいホームページやブログのURLを入力します。

URLを入力したら、「Googleでログイン」をクリックします。次の画面で「新しいアカウントを作成」をクリックし、HelloBarに登録したいアカウントを任意に選択します。最後に、リクエストを許可しましょう！

ゴールの設定

これから設定するツールバーの目標を設定します。

Promote a Sale/Discount→商品の販売の促進
Talk to Your Visitors　→サイト訪問者からのお問い合わせ
Grow Your Mailing List→メルマガやニュースレターの登録
Get Facebook Likes→ソーシャルアカウントのフォロー
Other→その他

バーの作成

まずは、メアドや名前の情報を入力します。次に、送信ボタンをクリックした後に表示されるメッセージの設定ができます。(デフォルト以外のメッセージを設定するには、有料のPro版に申し込む必要があります。Pro版は月に12ドル(約1200円)になります。)

表示させるバーの形式を選択

まずBar、Modal、Slider、Page Takeoverを選びます。

次に、詳細設定になります。

Hello Bar branding→ハローバーのロゴを表示・非表示にすることができます。ロゴを非表示にするには、有料会員になる必要があります。
Animations→この設定では、バーにアニメーションを追加するかどうかを設定することができます。アニメーションは訪問者の注意を惹きつけますが、お好みで。
Placement→バーを表示する位置を設定できます。右下、右上、左上、左下のいずれかに設定できます。
When does it display?→バーを表示するタイミングを設定することができます。

デザイン・色・テキストの設定

Theme→Hello Barには様々なテーマ(デザイン)が用意されています。プレビュー画面を参考に、お好みのテーマを設定してください。
COLORS→背景色、文字色、ボタン色、ボタン文字色を任意に設定することができます。
IMAGE→ご自身のパソコンから画像をアップロードして、お好きなように設定することができます。
TEXT→テキストを設定できます。見出し、キャプション、フォームプレースホルダー、ボタンテキスト、フォントを設定できます。

誰に見せるかの設定

ここではデフォルトの「Everyone」のままでも構いません。最後に「保存」ボタンをクリックします。

WordPressへの設置の仕方

1.プラグインをダウンロード

Hello Barからプラグインをダウンロードします。解凍しないで、zip形式のままにしておきましょう。

2.WordPressにプラグインをインストール

手順は「WordPressの管理画面 > 新規追加 > プラグイン」からプラグインをアップロードします。必ず「zip形式」でアップロードしてください。インストール後に有効化」を忘れずに。これでWordPressへのインストールは完了です。

良い口コミ

私はここ数ヶ月の間に私のブログでHello Barを使用してきましたが、いくつかの理由でかなり便利だと感じました。

最も重要なのは、あなたのオーディエンスの構築を開始したり、バイラルに行きやすいようにすることで、あなたのコンテンツの共有性を向上させるCTAを追加することができるという事実です。

それは、その柔軟性、シンプルさとあなたが効果的にテストの多くを行うことができるという事実のための素晴らしいツールです。

（出典：https://wordpress.org/support/topic/great-tool-682/）

Hello Barは、デジタルマーケティングの開発のためのツールを使用している人や探している人のための非常によく開発された便利なプラグインです。

このプラグインを使用すると、シンプルで美しい電子メールのキャプチャボックス（電子メールのオプトイン）を取得することが可能になります。

美しい作品を作ってくれた開発者の皆さん、ありがとうございます！

（出典：https://wordpress.org/support/topic/awesome-wordpress-plugin-maravilhoso-plugin/）

ハローバーはあなたのサイトにインストールするのは本当に簡単です。利用可能なテンプレートがあるので、それらを作成するために時間を無駄にする必要はありませんでした。

これは、Neil Patelによって作成された製品であり、そのWebサイトは月に数百万回の視聴とコンバージョンを生み出しています。私は本当にうまくいく方法を使うのが好きです。ハローバーは私のビジネスを助けてくれました。