WordPressでマルチページフォームを作成する方法

長いフォームに入力するのは、特にすべての質問が1ページに表示される場合、圧倒されるように感じることがあります。多くのユーザーは途中で興味を失い、コンバージョン率が低下する可能性があります。

長いフォームを小さく、一口サイズのページに分割することで、プロセスがはるかに簡単で親しみやすいものになります。この簡単な変更により、フォームを実際に完了して送信する人の数が大幅に増加する可能性があります。

良いニュースは？ WordPressで複数ページのフォームを作成するのは、思っているよりも簡単です。WPFormsプラグインを使用すると、ページ区切りフィールドを使用してフォームを異なるセクションに分割できます。

このガイドでは、ユーザーフレンドリーな複数ページフォームをWordPressで作成するための正確な手順を説明します。これにより、長いフォームを完了しやすくし、全体的なコンバージョンを向上させることができます。🙌

WordPressで複数ページフォームが必要な理由と時期

フォームが長い場合や質問が多い場合は、複数ページのWordPressフォームが必要になる場合があります。それを小さな部分に分割すると、入力が容易になり、人々が完了する可能性が高まります。

ウェブサイトにフォームを追加することは、お問い合わせ、メールサインアップ、またはアンケートなど、情報を収集しユーザーとつながる最も簡単な方法です。

しかし、長いフォームは圧倒的で、ユーザーが完了する前に諦めてしまうことがよくあります。

これを解決するために、複数ページフォームの使用をお勧めします。質問を小さなセクションに分割することで、ユーザーにとってフォームの負担を軽減します。

例を挙げます。

複数ページフォームが効果的な理由を見てみましょう。

• プログレスバー：ユーザーは自分がどの程度進んでいるかを確認できるため、完了への意欲を維持できます。
• 一度に表示されるフィールドが少ない：各ページに表示される質問は数個だけなので、フォームが短く、ストレスが少なくなります。
• インタラクティブな機能：画像選択や会話形式の要素などを追加して、フォームをより魅力的にすることができます。

これらの機能は、ユーザーエクスペリエンスを向上させ、フォームの完了率を高めるのに役立ちます。特に、「見積もり依頼」フォームやリードジェネレーションのような場合に効果的です。

WPFormsを使用したマルチページWordPressフォームの作成

WordPressでマルチページフォームを作成する最良の方法は、WPFormsプラグインを使用することです。これは、必要なあらゆる種類のフォームを作成できる、最高のWordPressフォームビルダープラグインです。

600万以上のウェブサイトオーナーがWPFormsを使用しており、私たちWPBeginnerもその一人です。お問い合わせフォームの表示、年次読者アンケートの実施、移行リクエストの管理などに使用しています。機能の詳細については、WPFormsのレビューをご覧ください。

それでは、WordPressでマルチページフォームを作成する方法を説明します。

• ステップ1: WPFormsプラグインのインストールと有効化
• ステップ2：WordPressでマルチページフォームを作成する
• ステップ3：WordPressの投稿やページにマルチページフォームを追加する
• Bonus Tip: Take WordPress Multi-Part Forms to the Next Level
  • 1. インタラクティブリードフォーム
  • 2. 部分的なフォーム送信を有効にする
• WordPressに複数ページフォームを追加することに関するよくある質問
• WordPressフォームの使用に関するその他のガイド

ステップ1: WPFormsプラグインのインストールと有効化

最初のステップは、WPFormsアカウントを設定することです。WPFormsのウェブサイトにアクセスし、「今すぐWPFormsを入手」ボタンをクリックしてください。

そこから、プランを選択し、必要な詳細を入力し、画面の指示に従ってプロセスを完了してください。

登録が完了すると、WPFormsダッシュボードが表示されます。ダッシュボード内にライセンスキーがあります。次のステップで使用するために、キーをコピーしてください。

これで完了したら、WordPress管理画面からWPFormsプラグインをインストールして有効化しましょう。始めるには、プラグイン » 新規追加 に移動してください。

次の画面では、検索バーを使用して、WPFormsプラグインをすばやく見つけることができます。

次に、「今すぐインストール」ボタンをクリックし、表示されたら「有効化」をクリックします。

詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化したら、WPForms » 設定 ページにアクセスし、ライセンスキーを入力して「キーの検証」ボタンをクリックします。（このキーはWPFormsダッシュボードで取得できます。）

ライセンスキーを検証した後、WordPress で最初のマルチページフォームを作成する準備が整いました。

ステップ2：WordPressでマルチページフォームを作成する

まず、WordPressの管理画面からWPForms » 新規追加ページに移動して、ドラッグ＆ドロップ式のフォームビルダーを起動しましょう。

ここでフォームビルダー内のセットアップページに移動します。

まず、フォームのタイトルを入力してください。

その後、フォームをどのように構築するかを選択します。

WPFormsは、時間を節約するために2,000以上の事前構築済みフォームテンプレートを提供しています。それらを素早く選択し、要件に合わせて編集できます。完全にカスタムフォームを作成するための空白フォームテンプレートもあります。

さらに良いことに、WPForms AIを使用してフォームを素早く作成することもできます。短い説明を記述するだけで、AIフォームビルダーがフォームを生成してくれます。

このチュートリアルでは、「提案フォーム」テンプレートを使用します。

テンプレートボックスにカーソルを合わせ、「テンプレートを使用」ボタンをクリックするだけで開始できます。

これにより、カスタマイズできるフォームビルダーに移動します。

左側の列からフィールドをドラッグして、フォームテンプレートにドロップするだけです。既存のフォームフィールドを選択して、さらにカスタマイズすることもできます。

いくつかのフォームフィールドを追加した後、フォームに新しいページを追加する準備ができました。

左側の列にある「Fancy Fields」セクションの下に「Page Break」フィールドを追加してください。

WPFormsは、ページの最下部にページ区切りマーカーを、ページの上部に「最初のページ / プログレスインジケーター」マーカーを追加します。

また、送信ボタンを次のページに移動させ、最初のページには「次へ」ボタンが表示されるようになります。

マルチページフォームのプロパティを編集するには、上部にある「最初のページ / プログレスインジケーター」マーカーをクリックします。

左側のサイドバーで、次のことができます。

• プログレスインジケーターの種類（シンプルなバー、円、コネクタ、またはなし）を選択します。
• ページインジケーターの色をカスタマイズします。
• 最初のページのタイトルを追加します。

これらのオプションを使用すると、ユーザーのために複数ページフォームの外観をカスタマイズできます。

次に、プロパティを編集するために「ページ区切り」マーカーをクリックします。ここでは、次のことができます。

• 「次へ」ボタンのテキストを変更する。
• 次のページのタイトルを提供する。

必要に応じて、さらに多くのページ区切りを追加できます。

ユーザーの回答に基づいてフィールドを表示または非表示にするために、条件付きロジックを使用することもできます。

このテンプレートでは、「その他の場合…」フィールドがすでに設定されていることがわかります。「スマートロジック」タブに移動してクリックすることで確認できます。

完了したら、右上にある「保存」ボタンをクリックするだけです。

これで、複数ページのフォームの作成が完了しました。次のステップは、フォームをウェブサイトに追加することです。

ステップ3：WordPressの投稿やページにマルチページフォームを追加する

WPFormsを使用すると、WordPressの投稿やページにフォームを簡単に追加できます。

フォームビルダーの上部にある「埋め込み」ボタンをクリックして、フォームを新しいページまたは既存のページに追加できます。

このチュートリアルでは、「既存のページを選択」オプションを選択します。

次のポップアップで、ドロップダウンメニューからページを選択し、「開始」ボタンをクリックできます。

これにより、WordPressブロックエディターに移動します。

ここから、「+」ボタンをクリックしてWPFormsブロックを追加できます。

WPFormsはブロックをコンテンツエディターに読み込みます。

ここから、ドロップダウンメニューで複数ページのフォームを選択できます。

その後、ブロックエディターでフォームのプレビューが表示されるはずです。

ここから、投稿またはページでフォームの外観をカスタマイズできます。

たとえば、右側のWPFormsブロックパネルで、フォームのタイトルと説明を有効にしたり、サイトのデザインに合ったテーマを使用してフォームをスタイル設定したりできます。

すべての外観に満足したら、ページまたは投稿を発行してください。

これで、WordPressウェブサイトにアクセスして、複数ページのフォームが実際に動作していることを確認できます。

詳細については、WordPressでフォームを埋め込む方法に関するガイドをご覧ください。WordPressでフォームを埋め込む方法。

ボーナスのヒント：WordPressのマルチパートフォームを次のレベルへ

さて、私たちや他の賢いビジネスオーナーと同じように、リード獲得フォームを次のレベルに引き上げる方法を知りたいと思っているのではないでしょうか。

WordPressのマルチページフォームのコンバージョンを劇的に改善するためにできることは2つあります。

1. インタラクティブリードフォーム

WPFormsには、魅力的なフォームレイアウトデザインでフォーム完了率を向上させる Lead Formsアドオン が付属しています。（Lead Formsアドオンは、WPForms Proプラン以上で利用可能です。）

本質的に、これによりユーザーに一度に1つの質問を提示でき、フォームの威圧感を減らし、完了しやすくすることができます。

これは、見積もり依頼フォームやサイト上のその他のリードジェネレーションフォームに特に効果的です。以下はその例です。

これは基本的に、WPFormsが初期の頃に先駆けた会話型フォームの原則に基づいています。会話型フォームは、対面での会話と同様に、一度に1つの質問というアプローチを取ります。

簡単言うと、Lead Formsアドオンは既存のページ内で一度に1つの質問を表示します。一方、Conversational Formsアドオンは、気を散らすことのない体験のために、専用のフルスクリーンランディングページを作成します。

その他のヒントについては、WordPress でよりインタラクティブなフォームを作成する方法に関するガイドをご覧ください。

2. 部分的なフォーム送信を有効にする

81%の人がフォームを完了する前に離脱することをご存知ですか？調査によると、特に長いフォームの場合、この数字はかなり高くなる可能性があり、そのため部分的な入力内容を保存することは非常に価値があります。

このため、WordPressで部分的なフォーム送信を有効にすることをお勧めします。WPForms Form Abandonmentアドオン を使用すると、これを簡単に行うことができます。（この強力な機能は、WPForms Proプラン以上で利用可能です。）

フォームビルダー設定の「フォーム放棄」タブに移動するだけで有効にできます。

これにより、フォームを放棄したユーザーにターゲットを絞ったフォローアップメッセージを送信し、販売コンバージョンを向上させることができます。

WordPressに複数ページフォームを追加することに関するよくある質問

複数ページフォームの作成について、さらに質問がありますか？いくつか簡単な回答をご紹介します。

1つのページに複数のフォームを設置できますか？

はい、1つのWordPressページに複数のフォームを追加できます。しかし、関連する情報を収集している場合は、代わりに複数ページフォームを使用する方が通常は良いです。これにより、物事が整理され、訪問者にとってプロセスが簡単になります。

ユーザーがフォームの途中で離脱した場合、どうなりますか？

デフォルトでは、フォームデータは誰かが送信した場合にのみ保存されます。WPForms Pro を使用している場合、Form Abandonmentアドオンをオンにして、部分的な入力を自動的にキャプチャできます。これにより、フォームの入力を完了しなかった人々にフォローアップすることができます。

複数ページフォームに「戻る」ボタンを追加できますか？

はい！ほとんどのフォームビルダーでは、「戻る」ボタンを追加できるため、ユーザーは回答を編集してから次に進むことができます。これは、フォームをより使いやすく感じさせるための小さなディテールです。

プラグインなしでWordPressでマルチステップフォームを作成するにはどうすればよいですか？

可能ですが、あまり実用的ではありません。自分でHTMLとCSSを使用してコードを記述し、情報が正しく入力されていることを確認し、提出を処理および保存するシステムを構築する必要があります。WPFormsのようなプラグインを使用する方が、ほとんどのユーザーにとってずっと速く簡単です。

ChatGPTはフォームを作成できますか？

ChatGPTは、HTMLの記述や、マルチステップレイアウトや質問フローを含むフォームの動作計画の作成を支援できます。しかし、フォームをWordPressに追加し、デザイン、検証、エントリーの保存などの処理を行う必要があります。

WordPressフォームの使用に関するその他のガイド

この記事がWordPressに複数ページフォームを追加するのに役立ったことを願っています。

これがお役に立った場合は、以下のガイドもご覧ください。

• WordPressでフローティングお問い合わせフォームを表示する方法
• WordPressで問い合わせフォームを使ってメールリストを増やす方法
• WordPressフォームで条件付きロジックを使用する方法
• WordPressフォームに保存して続行する機能を追加する方法
• WordPressフォームの究極のガイド（知っておくべきことすべて）

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。