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

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

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

実際、サイトでA/Bテストを使用すると、長いフォームを分割した後のコンバージョンがどれだけ改善されるかを正確に測定できます。

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

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

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

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

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

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

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

例を挙げます。

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

• これにより、フォームビルダーに移動し、カスタマイズできます。
• 一度に表示されるフィールドが少ない：各ページに表示される質問は数個だけなので、フォームが短く、ストレスが少なくなります。
• インタラクティブ機能: フォームをより魅力的にするために、画像選択や会話型要素のようなものを追加できます。

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

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

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

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

それでは、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は、ページの上部に「最初のページ/進捗インジケーター」マーカーも追加します。送信ボタンを最後のページに移動させ、前のページには代わりに「次へ」ボタンが表示されます。

ここで、WPFormsの「最初のページ/進捗インジケーター」マーカーをクリックすると、4つの異なる進捗インジケータースタイルから選択できます。それぞれ、異なる種類のフォームでより効果的に機能します。

• シンプルなプログレスバーは、3〜5ページのフォームに最適です。ユーザーが各ページを完了するにつれて満たされていくクリーンなパーセンテージベースのバーが表示され、お問い合わせフォーム、登録フォーム、またはアンケートに最適です。
• 円とコネクタは、6ページ以上の長いフォームに適しています。これらのスタイルは、ユーザーに残りステップの数をより明確に把握させ、求人応募や詳細なアンケートなどの複雑なフォームに特に役立ちます。

• 非常に短い2ページのフォームの場合は、インターフェイスを乱雑にしないようになしを選択することをお勧めします。多くのユーザーは、進捗がすでに明白なシンプルなフォームにはミニマルなデザインを好みます。

色のカスタマイズオプションを使用すると、進捗インジケーターをブランドカラーに合わせることができます。また、「ページタイトル」を追加すると、進捗インジケーターに表示されます。

この小さな詳細により、フォームがウェブサイト全体のデザインにより統合されているように感じられます。心配しないでください。ページを追加または削除することにした場合は、いつでもこのスタイルを変更できます。

次に、「改ページ」マーカーをクリックして、そのプロパティを編集できます。ここでは、次のことができます。

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

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

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

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

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

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

ステップ3（オプション）：送信前にレビュー/概要ページを追加する

レビューページ（サマリーページとも呼ばれます）では、ユーザーは最終的な送信ボタンを押す前に、すべての回答を確認できます。ユーザーは、特にモバイルデバイスでは、入力ミスがより一般的であるため、情報を再確認する機会を高く評価します。

5ページ以上の長いフォームの場合、レビューページは不可欠になります。ユーザーに安心感を与え、ユーザーが送信をクリックする前にためらう可能性がある最終ページでの放棄率を減らします。

WPFormsでレビューページを作成するには、送信ボタンの直前、フォームの最後に1つの最終的な改ページフィールドを追加できます。

フォームプレビューに「改ページ」フィールドをドラッグアンドドロップしてください。

次に、最後のページに「エントリプレビュー」フィールドを追加しましょう。

フォームの送信ボタンの直前に配置できます。

カスタマイズ設定を開くには、フィールドをクリックします。

ここでは、「プレビュー通知を表示」をオンに切り替えるようにしてください。既製のコピーを編集して、ブランドの声とトーンに合わせることもできます。

これで完了です。

これは、連絡先情報、配送先住所、または支払い情報などの重要な情報を収集するフォームに特に効果的です。ユーザーがエントリを確認できると、送信前にタイプミスや間違いに気づく可能性が高くなります。

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

公開する前にフォームをテストするのが賢明です。

フォームビルダー内で、「プレビュー」ボタンをクリックして、新しいタブでフォームを開きます。

プレビュー画面で、実際の訪問者のように入力してみてください。

次のような一般的なシナリオもいくつかテストできます。

• 必須フィールドをスキップする
• 無効なメールアドレスまたはタイプミスを入力する
• ページ間を行き来する

これにより、ページナビゲーションが正しく機能することを確認し、自動エラーメッセージが適切にトリガーされることを保証できるため、実際のユーザーは間違いを犯した場合に何を修正する必要があるかを正確に知ることができます。

フォームを送信する前に、エントリプレビューセクションを確認してください。

これにより、フォームのすべてのページに入力されたすべての情報が表示されるはずです。

すべてがうまくいったら、送信をクリックして、フォーム送信が正常に完了することを確認してください。

すべてがエラーなく機能する場合は、マルチページフォームを公開する準備が整いました。

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

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

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

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

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

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

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

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

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

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

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

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

それが完了したら、WordPressウェブサイトにアクセスして、マルチページフォームが機能していることを確認できます。

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

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

ウェブサイトから最高の成果を得たい場合は、リードジェネレーションフォームを次のレベルに引き上げる方法を知りたいと思うでしょう。

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

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

WPFormsには、エンゲージメントの高いフォームレイアウトデザインでフォームの完了率を向上させるリードフォームアドオンが付属しています。（リードフォームアドオンはWPForms Proプラン以上で利用可能です。）

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

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

この機能は、WPFormsの会話型フォームアドオンに似ており、ユーザーに一度に1つの質問をする対面式のアプローチを使用します。

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

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

ヒント2. 部分フォーム送信を有効にする

The Manifestの調査によると、81%の人が少なくとも1つのオンラインフォームを途中で破棄しています。特に長いフォームの場合、この高い破棄率は、部分的な入力を保存することが非常に価値がある理由です。

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

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

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

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

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

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

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

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

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

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

はい！ほとんどのフォームビルダーでは、「前へ」ボタンを追加できるため、ユーザーは先に進む前に戻って回答を編集できます。これは、フォームをよりユーザーフレンドリーに感じさせるための小さなディテールです。

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

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

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

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

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

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

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

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

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。