WordPressでフォーム付きランディングページを作成する方法（ステップバイステップ） 

フォーム付きランディングページは、WordPressのトラフィックをリードに変える方法です。それがないと、ファネルではなくパンフレットを作ったことになります。

長年、数え切れないほどのツールを試してきましたが、SeedProdとWPFormsは、クライアントやキャンペーンのためにフォーム付きランディングページを迅速に立ち上げる必要がある場合に、私が常に頼りにする組み合わせです。

このガイドでは、すべてのステップを順を追って説明します。コーディングは不要で、約10〜15分で公開済みのフォーム付きランディングページが完成します。

📌 クイックナビゲーション：以下のいずれかのセクションにジャンプします

• ランディングページに必要なフォームの種類は？
• ステップ1：SeedProdのインストール
• ステップ2：テンプレートを選択する
• ステップ3：ページをカスタマイズ
• ステップ4：WordPressフォームを追加
• ステップ5：メールマーケティングを接続
• ステップ6：ランディングページを公開
• 公開後にやること
• よくある質問

ランディングページに必要なフォームの種類は？

ランディングページの連絡先フォームは最も一般的な開始点ですが、最も一般的なフォームの種類とそれぞれの使用時期は次のとおりです。

フォームの種類	使用時期
リードジェネレーション	潜在顧客から連絡先情報を収集するため
お問い合わせ	あらゆるビジネスウェブサイトでの一般的な問い合わせのため
イベント登録	イベント、ウェビナー、ワークショップを開催する場合
アンケート	顧客からのフィードバックや意見を収集するため
求人応募	新しい従業員を雇用する場合
予約受付	クライアント会議やアポイントメントのスケジュール設定用
コンテスト応募	プレゼント企画やコンペティション実施時
製品予約	今後の製品発売への関心を測るため
購読	ニュースレター登録やコンテンツ更新用
クイズまたはアセスメント	訪問者を引き付け、オーディエンスについて学ぶため
サポートリクエスト	カスタマーサポートの問い合わせ管理用
寄付	非営利団体がオンライン寄付を募る際に不可欠
アカウント作成	ユーザーがアカウントにサインアップする必要がある場合
デモのリクエスト	製品デモンストレーションの設定用
紹介	顧客に友人や同僚を紹介してもらうため

ランディングページに最適なフォームは、特定の目標に合致するものであることを覚えておいてください。シンプルに保ち、本当に必要な情報のみを要求してください。

WordPressでフォーム付きランディングページを作成する手順

基本をカバーしたので、WordPressでフォーム付きのランディングページを作成する実際のプロセスに飛び込みましょう。このステップバイステップガイドでは、2つの強力なツール、SeedProdとWPFormsを使用して、プロセス全体を説明します。

なぜこれらのツールなのか？私の経験では、SeedProdは素晴らしいランディングページを構築する最も簡単な方法を提供し、WPFormsはWordPressで最も使いやすいフォームビルダーです。これらは、プロフェッショナルな見た目のランディングページをすぐに作成できる強力な組み合わせです。

使いやすい	コーディングなしで美しいランディングページを作成できます。要素をドラッグアンドドロップするだけです。
WPFormsと連携	初心者向けのフォームビルダーであるWPFormsと統合します。数回のクリックで任意のフォームタイプをランディングページに追加できます。
汎用性の高いフォーム	WPFormsでさまざまなフォームを作成できます： • アンケートフォーム • 購読フォーム • 注文フォーム • 予約フォーム • その他多数
組み込みフォーム	SeedProdには独自のオプトインフォームがあります。追加のプラグインは不要です。
時間を節約	数分でフォーム付きのランディングページを作成できます。コーディングに慣れていない方に最適です。

このガイドの終わりまでには、一行のコードも書かずに、フォーム付きの完全に機能するランディングページが完成します。始めましょう。

開始する前に： WordPressサイト、SeedProd（無料版または有料版）、およびWPFormsが必要です。インストールから公開まで約10〜15分を見込んでください。

ステップ1. SeedProdのインストールと有効化

まず、公式のSeedProdウェブサイトにアクセスし、プラグインをコンピューターにダウンロードしてください。

ページの速度はフォームのコンバージョンに直接影響します。GTmetrixのテストでは、同じページビルドでElementorが1,882msと32リクエストだったのに対し、SeedProdは556msと16リクエストで読み込まれました。

読み込み時間が遅いことは、訪問者がフォームを送信する前に離脱する最大の理由です。SeedProdをランディングページフォームビルダーとして使用すると、ページを最初からスリムに保つことができます。

プラグインファイルを入手したら、WordPressダッシュボードにログインします。次に、左側のメニューの「プラグイン」セクションに移動し、「新規追加」をクリックします。

ページの上部にある「プラグインをアップロード」ボタンをクリックします。これをクリックしてから、先ほどダウンロードしたSeedProdファイルを選択します。アップロード後、「今すぐインストール」をクリックします。

WordPressはプラグインのインストールにしばらく時間がかかります。完了すると、「有効化」ボタンが表示されます。これをクリックしてSeedProdを有効にします。

プロのヒント：最新の機能にアクセスし、WordPressセットアップとの互換性を確保するために、必ずSeedProdの最新バージョンを使用してください。このガイドでは、追加のブロックとテンプレートのためにSeedProd Proの最新バージョンを使用しています。無料版のSeedProdも使用できます。

ステップ2.ランディングページテンプレートの選択

SeedProdがインストールされたので、ランディングページのテンプレートを選択する時間です。SeedProdには何百もの既製のテンプレートがあり、プロフェッショナルな見た目のページをすばやく簡単に作成できます。

テンプレートを選択するには、WordPressダッシュボードからSeedProd » ランディングページに移動します。次に、「新しいランディングページを追加」ボタンをクリックします。

ここにランディングページテンプレートのギャラリーが表示されます。それらを閲覧するか、フィルターオプションを使用してニーズに合ったものを探してください。

気に入ったテンプレートを見つけたら、その上にカーソルを合わせてチェックマークアイコンをクリックします。

テンプレートを選択すると、ポップアップボックスが表示されます。このボックスで、ランディングページの名前を入力し、URLを選択する必要があります。

これらの詳細を入力したら、「保存してページ編集を開始」ボタンをクリックします。

ここが一番のポイントです。SeedProdのすべてのテンプレートはモバイルレスポンシブです。これは、デスクトップコンピューター、タブレット、スマートフォンのいずれであっても、あらゆるデバイスでランディングページが素晴らしく見えることを意味します。

これは、優れたユーザーエクスペリエンスを提供し、コンバージョンを最大化するために重要です。

異なる画面サイズごとに個別のデザインを作成する必要はありません。SeedProdはレイアウトを自動的に調整してあらゆる画面に適合させるため、フォーム、画像、テキストが常に読みやすく、操作しやすくなります。

テンプレートが見つからない場合でも心配いりません。常に空白のテンプレートから始めてページをゼロから構築したり、希望に近いテンプレートを選んでカスタマイズしたりできます。

ステップ3.ランディングページテンプレートのカスタマイズ

テンプレートを選択したら、ページビルダーに入ります。そこは主に2つのエリアに分かれていることに気づくでしょう。

• 左側には、ページに追加できるさまざまなブロックとセクションが表示されるサイドバーがあります。
• 右側には、ランディングページのライブプレビューがあります。

この設定により、ページを構築しながらリアルタイムで変更を確認できます。

ページ上の任意の要素を編集するには、プレビューエリアでその要素をクリックするだけです。これを実行すると、その要素をカスタマイズするためのオプションが左側のサイドバーに表示されます。

ここで、テキスト、色、フォントなどを変更できます。

ページに新しい要素を追加したいですか？ドラッグアンドドロップするだけです。

左側のサイドバーでブロックを閲覧し、気に入ったものを見つけてページにドラッグします。見出し、画像、ボタン、カウントダウンタイマーなどを追加できます。

ページ上の要素を並べ替えるには、クリックして新しい位置にドラッグします。SeedProdは、要素をドロップする場所を示し、役立つガイドラインを提供します。

テンプレートにあるものに限定される必要はありません。不要な要素を削除したり、新しい要素を追加したり、レイアウトを完全に並べ替えたりしてください。

目標は、特定のニーズに合ったランディングページを作成することです。

ステップ4. WordPressフォームを追加する

レイアウトをカスタマイズしたら、WordPressのフォームランディングページの最も重要な部分、つまり実際のフォームを追加する時間です。

SeedProdは、「お問い合わせフォーム」ブロックでこれを非常に簡単にします。

ページビルダーの左側サイドバーにある「お問い合わせフォーム」ブロックを探します。これで、数回クリックするだけでWordPressのランディングページにフォームを追加できます。次に、このブロックをフォームを表示したいランディングページにドラッグアンドドロップします。

WPFormsがまだインストールされていない場合でも心配いりません。SeedProdがプラグインのインストールを促します。画面の指示に従って設定してください。

WPFormsブロックがページに追加されたら、フォームを選択するオプションが表示されます。WPFormsを初めて使用し、フォームを作成したことがない場合は、「+新しいフォーム」ボタンをクリックしてください。

これにより、ページビルダー内のポップアップウィンドウでWPFormsビルダーが開きます。ランディングページを離れることなくフォームを作成できるので、まるで魔法のようです。

作成方法がわからない場合は、WordPressでのお問い合わせフォームの追加方法に関するこの記事をご覧ください。手順をステップバイステップで説明します。

フォームを作成または選択した後、ランディングページでの表示方法をカスタマイズできます。ページプレビューでフォームブロックをクリックし、「コンテンツ」タブと「高度な設定」タブで、次のオプションが表示されます。

• フォームのスペーシングを調整する
• フォームのラベルを表示または非表示にする
• テキストの色とスタイルをカスタマイズする
• アニメーション効果を追加する

ヒント: フォームがビルダーで正しく表示されなくても、心配しないでください。これは正常な動作であり、ライブページでの表示とは異なります。ランディングページを公開すれば、フォームはすべてのフィールドとスタイルを維持したまま正しく表示されるのでご安心ください。

ステップ5. メールマーケティングサービスを接続する（オプション）

WordPressのリード獲得ランディングページを作成している場合、SeedProdの組み込みオプトインフォームを使用すると、ページ上で簡単にリストを増やすことができます。

左側のサイドバーで「Optin Form」ブロックを探します。次に、オプトインフォームを表示したい場所にドラッグアンドドロップしてランディングページに追加します。

この機能を最大限に活用するには、SeedProdをメールマーケティングサービスに接続することをお勧めします。これにより、オプトインフォームを通じて収集されたメールアドレスが自動的にメールリストに追加されます。

これを行うには、ページビルダーのトップメニューにある「Connect」タブをクリックします。ここに、サポートされているメールマーケティングサービスのリストが表示されます。

お使いのサービスを見つけてクリックします。次に、プロンプトに従ってAPIキーを入力するか、接続を承認します。（APIキーは通常、メールマーケティングサービスの Счёт settings にあります。）

ヒント: WPFormsのコンタクトフォームを使用している場合でも、別途オプトインフォームを追加することを検討してください。これにより、訪問者は長いコンタクトフォームに記入することなく、簡単にメーリングリストに参加できます。

ステップ6. フォーム付きランディングページを公開する

ランディングページを公開する前に、すべてのデバイスで表示が良好であることを確認することをお勧めします。まず、SeedProdページビルダーの下部ツールバーにあるプレビューアイコンを探してクリックし、プレビューモードを開きます。 

デバイスアイコンをクリックして、モバイル、タブレット、デスクトップビューを切り替えることもできます。

各デバイスタイプでのページの表示を注意深く確認してください。問題が見つかった場合は、エディターで必要な変更を遠慮なく加えてください。

ページの表示に満足したら、公開する時間です。右上隅にある「Save」ボタンを探し、その横にあるドロップダウン矢印をクリックします。そこから「Publish」を選択します。 

公開後、ライブページをプレビューして、訪問者にとってどのように表示されるかを正確に確認できます。

おめでとうございます！フォーム付きのランディングページが公開され、リードや回答の収集を開始する準備が整いました。

ここに、ランディングページに追加したコンタクトフォームのプレビューを示します。

必要に応じて、いつでもSeedProdエディターに戻ってページを変更または更新できます。これにより、パフォーマンス向上のためにランディングページを最適化し続けることができます。

フォーム付きランディングページを公開した後にやること

公開は中間地点です。これらの3つのランディングページフォームのベストプラクティスは、ライブページを実際にコンバージョンするページに変えるのに役立ちます。

フォーム送信をアナリティクスに接続する。 すべてのフォーム送信は、Googleアナリティクスでコンバージョンイベントを発生させる必要があります。MonsterInsightsはWordPress内でこれを自動的に処理します。これがないと、実際にリードを生み出しているトラフィックソースを確認できません。

見出しまたはCTAでA/Bテストを実行する。 SeedProdにはランディングページ用の組み込みA/Bテスト機能があります。見出しまたはボタンのコピーから始めてください。ここでの小さな変更は、フォーム完了率を大きく変える可能性があります。

サンキューページのリダイレクトを設定する。 フォーム送信後に訪問者が表示するページは、十分に活用されていません。サンキューページを作成することで、送信を確認し、オファーを提供し、明確な次のステップを提案します。これには約5分かかりますが、ほとんどの人はこれをスキップしています。

よくある質問

今すぐフォーム付きランディングページを作成する

WordPressでフォーム付きのランディングページを作成したいですか？ほとんどの人が考えているよりも簡単で、適切なツールを使えば、数分で作成できます。

SeedProdやWPFormsのようなツールを使用すると、プロフェッショナルな見た目のページを簡単にデザインして、リードを獲得し、ビジネスを成長させることができます。

効果的なランディングページとフォームの作成に関する詳細については、これらの役立つ記事をご覧ください。

• コンバージョンを促進するモバイルフレンドリーなランディングページのデザイン方法
• コンバージョンを向上させるランディングページベストプラクティス
• コンバージョン率の高いリードキャプチャページの作成方法
• WordPressでサンキューページを作成する方法
• ランディングページのA/Bテスト完全ガイド

お読みいただきありがとうございます！皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTube, X および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。