シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

セールスファネル・ランディングページの作り方(ステップバイステップ)

WordPressでセールスファネル・ランディングページを作る方法 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

顧客を増やしたい?もちろんです!

30以上のランディングページを持つ企業は、1~5ページしか持たない企業よりも7倍多くのリードを獲得している。出典出典:HubSpotこれは、より多くの潜在顧客です。

しかし、どんなランディングページがあっても十分ではありません。セールスファネルのランディングページが必要です

私は何年もかけて何十ものファネルスタイルのランディングページを作ってきましたが、失敗したものもあれば、何千ものリードをもたらしたものもあります。このガイドには、私が今使っているのと同じステップと、実際に機能する実例やヒントが含まれています。

簡単なまとめ:セールスファネル・ランディングページの作り方

セールスファネル・ランディングページとは?

セールスファネル・ランディングページとは、ウェブサイト上の特別なページで、人々に何かを買ってもらうという1つの仕事をします。他のタイプのランディングページと違うのは、このタイプのファネル・ランディングページはセールスに特化している点です。

あなたのウェブサイトの通常のランディングページには、さまざまなことが書かれているかもしれません。あなたの会社、製品、ブログなどに関する情報が掲載されているかもしれません。

しかし、セールスファネルのランディングページは違います。ランディングページには1つの明確なゴールがあり、ページ上の全てのものは訪問者がゴールに到達するのを助けるようにデザインされています。

セールスファネル・ランディングページのヘッドライン例

セールスファネル・ランディングページが重要な理由

  • 売上アップ:セールスファネルのランディングページはとても集中的なので、購買意欲を高めるのに適しています。
  • より良いリード:適切な顧客、つまりあなたの販売する商品に実際に興味を持っている人々を引き寄せることができる。
  • より多くのお金:売上が増えれば、それだけビジネスにもプラスになります。

セールスファネル・ランディングページの段階

セールスファネル・ランディングページとは 何かを理解したところで、その仕組みを探ってみましょう。

典型的なセールスファネルには3つの主要ステージがあり、それぞれ訪問者の考え方に合ったセールスファネル専用のランディングページが必要です。これらのステージは、顧客をゴール(そして販売)へと導く梯子のステップだと考えてください。

ステージ1:トップ・オブ・ファンネル(TOFU)

セールスランディングページのトップ・オブ・ファネル・ステージ・ビジュアル

ファネルの上部では、潜在顧客はあなたのことを知り始めたばかりです。彼らは問題やニーズを持っているかもしれませんが、解決策が何なのか、誰を信頼すればいいのかよく分かっていません。

TOFUランディングページの目標は、以下の通りである:

  • 注目を集める: 人目を引く見出しや画像を使い、訪問者のスクロールを止めさせる。
  • 興味を喚起する:製品やサービスが解決する問題を、ターゲットオーディエンスの共感を得られるような方法で強調する。
  • 信頼を築く:証言、ケーススタディ、データポイントなどで信頼性を確立する。

TOFUランディングページの例としては、近日公開のページ、ブログ記事、教育リソースなどがある。

近日公開ランディングページの例(TOFUステージ)

ステージ2:ミドル・オブ・ファンネル(MOFU)

ミドル・オブ・ファネル・ランディングページ・ビジュアル(MOFUステージ)

さて、あなたの潜在顧客は、あなたのブランドとあなたが提供するものをよく知っています。彼らは「認知」の段階から「検討」の段階に移行したのです。MOFUランディングページの出番です。

MOFUランディングページの目標は以下の通りである:

  • エンゲージメントを深める:製品やサービスに関する詳細な情報を提供し、それが顧客のニーズにどのように対応するかを説明する。
  • 反対意見を克服する:購入に際しての疑問や不安を解消する。
  • 関係を育む:相手の関心を引きつけ、決断に近づけるような価値あるリソースを提供する。

MOFUランディングページの良い例には、製品デモページ、比較ページ、ケーススタディーページなどがあります。これらのセールスファネル・ランディングページの例は、販売をお願いする前に信頼を築くのに役立ちます。

	Salesforceの製品デモファネルランディングページ例

ステージ3:ボトム・オブ・ファンネル(BOFU)

ボトム・オブ・ファネルのランディングページビジュアル(BOFUステージ)

あなたの潜在顧客は購入に近づいています。彼らは選択肢を調べ、比較し、ほとんどコミットする準備ができています。ここでBOFUランディングページが取引を成立させるのです。

BOFUのランディングページの目標は、以下の通りです:

  • コンバージョンを促進する:リードが最後の一歩を踏み出し、購入するのをできるだけ簡単にする。
  • 緊急性を高める:期間限定のキャンペーンや割引を利用したり、希少性を強調したりして、即座の行動を促しましょう。 調査によると、ランディングページで希少性を利用することで、コンバージョンを最大332%高めることができます。出典CXL
  • 摩擦を減らす: チェックアウトプロセスを簡素化し、障害を最小限に抑えるために明確な指示を提供する。

BOFUランディングページの例としては、販売ページ、無料相談ページ、さらには製品別のウェビナー登録ページなどがある。

Vyondによるウェビナー登録ファネルページの例

セールスファネル・ランディングページのベストプラクティス

セールスファネルのランディングページを成功させるには、単に見栄えを良くするだけではありません。また、訪問者を顧客に変える最善の方法を考える必要があります。

ベストプラクティスをいくつか紹介しよう:

理解しやすくする

ランディングページはシンプルで読みやすく、明確な見出しと高品質の画像を使いましょう。 

2015年から2023年までのモバイルサイトのトラフィック推移を示すグラフ

58%以上の人が携帯電話でウェブサイトを閲覧していることをお忘れなく。出典スタティスタ

人々に何をすべきかを伝える

行動への呼びかけ(クリックさせるボタン)は明白であるべきです。"今すぐダウンロード "や "今日始めよう "などのアクションワードを使いましょう。

セールスファネル・ランディングページの強力なCTA例

明確な行動喚起は、より多くの人々にクリックされ、より多くの売上を意味する。

個人的にする

可能であれば、訪問者に応じてランディングページを変えましょう。これは、あなたが彼らのニーズを理解していることを示すものです。例えば、異なるタイプの顧客に異なるものを提供することもできる。

SeedProd コール・トゥ・アクション・ボタンの動的テキスト置換

私は、パーソナライズされたランディングページを作成する方法について、すべての手順を記載したガイドを書いたこともある。

テストと改善を続ける

怖がらずにいろいろ試してみましょう。見出しや画像、ボタンの配置を変えてみたらどうなるか見てみよう。

ページのA/Bスプリットテストを実施し、データを分析して、何が最も効果的かを確認しましょう。ちょっとした変更で、時間をかけてランディングページをより良いものにすることができます。

WordPressでセールスファネル・ランディングページを作成する方法

学んだように、成功するセールスファネルを構築することは、ウェブサイト訪問者を購入に導くのに役立ちます。そして、SeedProdはセールスファネル機能を内蔵していないかもしれませんが、ファネルの各ステージに必要なページを構築するために使用することができます。

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

SeedProdは、コードを触ることなくWordPressでセールスファネルページを簡単に作成できるドラッグ&ドロップ式のWordPressランディングページビルダーです。また、ゼロからカスタムWordPressテーマを作成し、好きなようにカスタマイズするために使用することもできます。

ここでは、SeedProdを使ってセールスファネルのランディングページを作る方法を説明します。

1.SeedProdのインストールとセットアップ

まず、SeedProdのウェブサイトにアクセスし、プラグインをダウンロード、インストール、有効化してください。このステップでヘルプが必要な場合は、SeedProdのインストール方法のドキュメントをご覧ください。

SeedProdには無料版もありますが、私は追加のProテンプレートとブロックのためにSeedProd Proを使っています。

2.ランディングページのテンプレートを選ぶ

インストール後、WordPressのダッシュボードからSeedProd " Landing Pagesに移動し、"Add New Landing Page "ボタンをクリックします。

SeedProdを使ってWordPressに新しいランディングページを追加する

これにより、デザインの基礎として使用する何百ものランディングページのテンプレートを閲覧することができます。

モバイルフレンドリーなセールスファネル・ランディングページ・テンプレート

上部のフィルターを使って、あなたが構築しているファネルページのタイプに合ったテンプレートを見つけてください。

例えば、あなたのページがTOFUページであれば、「Lead Squeeze」、「Webinar」、「Coming Soon」などを使って人々の注意を引き、連絡先を集めることができます。

TOFUファネルステージ用スクイーズページテンプレート例

また、BOFUページについては、セールスフィルターにコンバージョンの高いセールスページを作成するためのテンプレートがたくさん用意されています。

このガイドでは「ディナー・セールス・ページ」のテンプレートを使います。サムネイルにカーソルを合わせ、チェックマークをクリックしてください。

SeedProdのセールスファネルページテンプレートプレビュー

次に、ページに名前とURLをつけ、「保存してページの編集を開始する」ボタンをクリックします。

新しいファネル・ランディングページのページ名とURLを設定します。

3.セールスファネル・ランディングページをカスタマイズする

次の画面では、ドラッグ&ドロップのページエディターが表示されます。左側には、ページに追加できるブロックとセクションがあります。そして右側には、あなたが加えた変更のライブプレビューが表示されます。

ブロックとライブプレビューを備えたSeedProdページビルダー

コンテンツ、フォント、色、画像などを、ポイント&クリックで簡単に変更できる。

例えば、画像ブロックをクリックしてプレースホルダーを削除し、コンピュータまたはWordPressのメディアライブラリから新しい写真を選択することで、画像を変更することができます。

ファネルランディングページの画像を変更する方法

ボタンの色を変えるのも簡単です。ボタンブロックをクリックし、左側のパネルで "詳細設定 "タブを選択します。

そこから、"背景色 "オプションを見つけ、カラーピッカーを使用してコールトゥアクションボタンの新しいものを選択します。

セールスファネルページのCTAボタンの色をカスタマイズする

このガイドの前の方で、私は信頼シグナルと社会的証明が、躊躇している訪問者にどのように信頼性を築くのに役立つかを説明しました。OptinMonsterの社会的証明の統計によると、平均的な消費者は購入前に約10のオンラインレビューを読んでいます。

ランディングページにお客様の声を追加することは、信頼を築くための素晴らしい方法です。SeedProdでは、お客様の声を追加するのはとても簡単です。Testimonials ブロックをページにドラッグ&ドロップし、コンテンツと外観をあなたのブランドに合うようにカスタマイズするだけです。

SeedProdのランディングページにテスティモニアル・ブロックを追加する

数回クリックするだけで、レビュアーの顔写真や肩書きを追加したり、テキストバブルをカスタマイズすることもできます。

ヘッドショットとテキストバブルによる証言のカスタマイズ

そして、私たちが話した高コンバージョンのCTAを覚えていますか?SeedProdのオプトインフォームブロックは、リードを獲得する注目を集めるフォームを簡単に作成することができます。

ファネルページでリードを獲得するためにオプトインフォームブロックを追加する。

フォームフィールドやボタンテキストをカスタマイズしたり、Eメールマーケティングサービスに直接接続してリード生成プロセスを効率化することもできます。

デザインを変更したら、右上の「保存」ボタンをクリックして変更を保存します。

プロのアドバイス デザインの時間を節約したいですか?SeedProdのグローバル設定を使用して、ワンクリックでランディングページ全体に色やフォントの変更を適用し、一貫したルック&フィールを確保しましょう。

SeedProdグローバルランディングページ設定

4.メールサービスに接続する

誰かがEメールアドレスを教えてくれたら、その人をEメールリストに追加して、連絡を取り合えるようにしたいですよね。SeedProdは、Constant Contact、ConvertKit、または他のサービスを使用しているかどうかに関わらず、ランディングページを簡単にメールリストに接続することができます。

これを行うには、ビルダーの上部にある "接続 "タブを見つけ、リストからメールマーケティングサービスを選択します。

seedprod 電子メール統合

各メールサービスによって、接続方法は若干異なりますが、SeedProdでは、その方法を正確にお伝えします。 

Eメールリストに接続する

誰かがランディングページのフォームに入力すると、自動的にEメールリストに追加されます。また、自動配信メールを設定することもできます。

5.ランディングページのプレビューと公開

セールスファネル・ランディングページを立ち上げる前に、すべてが思い通りに見えるかダブルチェックすることをお勧めします。

これは、SeedProdに内蔵されているプレビューオプションを使って行うことができます。プレビューオプションは、下部のツールバーにあるモバイルアイコンのように見えます。

モバイルでファネル・ランディングページをプレビューする

これにより、モバイル、デスクトップ、タブレット端末で訪問者に表示されるランディングページを見ることができます。

デザインに満足したら、"保存 "ボタンをクリックして変更を保存します。そして、本番の準備ができたら、"保存 "ボタンの下矢印をクリックし、"公開 "を選択します。

SeedProdビルダーからセールスファネル・ランディングページを公開する

これで、リードとコンバージョンをもたらす、ピカピカの新しいセールスファネルページが出来上がりました。

セールスファネル・ランディングページの完成例

今すぐセールスファネルを構築

どうですか?結果を出すセールスファネル・ランディングページの構築は、思ったより簡単です。

これらの重要なポイントを覚えておいてほしい:

  • 顧客の気持ちになって考えよう:ランディングページを使って、ステップ・バイ・ステップで購入へと導く。
  • SeedProdはあなたの秘密兵器です。技術的な頭痛の種を抱えることなく、美しく、コンバージョンの高いランディングページを簡単に作成できます。
  • 実験を恐れないでください:視聴者にとって何が一番効果的か、いろいろ試してみましょう。

ビジネスの成長を始める準備はできていますか?今すぐSeedProdを使用して、コンバージョンするセールスファネルページを作成しましょう。

これらのランディングページガイドも非常に参考になるだろう:

お読みいただきありがとうございました!あなたのご意見をぜひお聞かせください。YouTubeXFacebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。