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

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

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

How to Make a Sales Funnel Landing Page in WordPress 

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

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

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

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

I’ve built dozens of funnel-style landing pages over the years, some that flopped and others that brought in thousands of leads. This guide includes the same steps I use now, along with real examples and tips that actually work.

🧠 Quick Summary: How to Build a Sales Funnel Landing Page

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

A sales funnel landing page is a special page on your website with one job: to get people to buy something. It’s different from other types of landing pages because this kind of funnel landing page is laser-focused on making sales.

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

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

Sales funnel landing page headline example

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

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

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

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

A typical sales funnel has three main stages, and each one needs a dedicated landing page for your sales funnel to match the visitor’s mindset. Think of these stages as steps on a ladder, leading your customer to their goal (and your sale).

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

Top of funnel stage visual for sales landing page

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

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

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

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

Coming soon landing page example (TOFU stage)

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

Middle of funnel landing page visual (MOFU stage)

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

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

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

Some good examples of MOFU landing pages include product demo pages, comparison pages, and case study pages. These sales funnel landing page examples help build trust before asking for the sale.

	Product demo funnel landing page example from Salesforce

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

Bottom of funnel landing page visual (BOFU stage)

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

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

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

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

Webinar registration funnel page example from Vyond

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

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

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

理解しやすくする

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

Graph showing mobile website traffic trend 2015 to 2023

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

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

行動喚起(クリックさせるボタン)は明白でなければなりません。"今すぐダウンロード "や "今日始めよう "などのアクションワードを使いましょう。

Strong CTA example for sales funnel landing page

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

個人的にする

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

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

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

テストと改善を続ける

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

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

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

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

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

SeedProd is a drag-and-drop WordPress landing page builder that makes it simple to create a sales funnel page in WordPress without touching code. You can also use it to create custom WordPress themes from scratch and customize them any way you like.

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

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

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

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

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

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

Adding a new landing page in WordPress using SeedProd

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

Mobile-friendly sales funnel landing page templates

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

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

Squeeze page template examples for TOFU funnel stages

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

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

Sales funnel page template preview in SeedProd

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

Set page name and URL for new funnel landing page

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

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

SeedProd page builder with blocks and live preview

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

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

How to change images on a funnel landing page

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

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

Customize CTA button color on a sales funnel page

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

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

Add testimonial block to your landing page in SeedProd

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

Customizing testimonials with headshot and text bubble

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

Add opt-in form block to capture leads on funnel pages

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

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

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

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

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

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

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

seedprod 電子メール統合

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

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

誰かがランディングページのフォームに入力すると、自動的にEメールリストに追加されます。自動配信メールを設定して、歓迎の意を表したり、役立つ情報を共有することもできます。

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

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

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

Previewing your funnel landing page on mobile

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

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

Publish sales funnel landing page from SeedProd builder

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

Finished example of a sales funnel landing page

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

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

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

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

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

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

お読みいただきありがとうございました!ご質問やご意見がありましたら、お気軽にコメントをお寄せください。

また、YouTubeX(旧Twitter)Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。

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

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