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

マルチパートフォームでは、ユーザーを怖がらせることなく、より多くの情報を収集することができます。また、より良いユーザーエクスペリエンスを提供し、ユーザーがフォームを放棄することなく入力しやすくなります。

長年にわたり、私たちはWPBeginnerや他のブランドのウェブサイトで多くのマルチページフォームを作成してきました。これらのフォームは、ユーザーからのフィードバックを収集し、彼らのペインポイントを学ぶのに役立ってきました。

現在、サイト上でフォームを作成するのに役立つプラグインがたくさんあります。WPBeginnerでは、WPFormsを使用しています。WPFormsはとても使いやすく、便利なテンプレートをたくさん提供しているからです。素早くテンプレートを選び、ニーズに応じて編集し、サイトのどこにでもフォームを表示することができます。

この投稿では、WordPressで複数ページのフォームを作成する方法を紹介します。

WordPressでマルチページフォームが必要な理由とタイミングとは？

お問い合わせフォーム、メール収集フォーム、簡単なアンケートなど、フォームはデータを収集し、ユーザーと連絡を取る最も簡単な方法です。

しかし、長いフォームはユーザーを悩ませ、フォームからの離脱を増やす。

この問題を克服するために、ユーザー・エクスペリエンスの専門家は複数ページのフォームを推奨している。この方法では、フォームフィールドはセクションとページに分割されます。

プログレスバーを上部に表示し、画面上のフィールドを少なくすることで、ユーザーはより安心してフォームに入力することができます。より魅力的でインタラクティブな体験をユーザーに提供します。

アイコンの選択や会話要素を追加することで、複数ページのフォームをインタラクティブにすることもできます。これは、特に見積依頼リードフォームのコンバージョン率を向上させるのに最適です。

WordPressで複数ページのフォームを簡単に作成する方法を見てみましょう。

WPFormsで複数ページのWordPressフォームを作成する

WordPressで複数ページのフォームを作成する最良の方法は、WPFormsプラグインを使用することです。WPFormsはドラッグ＆ドロップでフォームを作成できる、初心者にもやさしいWordPressフォーム作成プラグインです。

私たちWPBeginnerも含め、600万人以上のサイトオーナーがWPFormsを利用しています。

このチュートリアルでは、少なくともWPFormsのベーシックプランが必要です。なぜなら、WPFormsにはおしゃれなマルチパートフィールドと高度なカスタマイザー設定が含まれているからです。無料で試せるWPForms Liteバージョンもあります。

WPBeginnerユーザーはWPFormsの限定割引を受けることができます。すべてWPFormsクーポンを使用する必要があります：SAVE50を使用すると、任意のWPFormsプランを購入する際に50％の割引を受けることができます。

最初に行う必要があるのは、WPFormsプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、WordPressサイトのWPForms ” 設定ページにアクセスし、ライセンスキーを入力する必要があります。あなたは、WPFormsのサイト上のアカウントにサインインすることによって、このキーを取得することができます。

ライセンスキーを確認したら、WordPress で最初のマルチページフォームを作成する準備ができました。

WordPress の管理エリアからWPForms ” 新規追加のページにアクセスするだけで、フォームビルダーが起動します。

次の画面では、フォームのタイトルを入力する必要があります。

WPFormsは、あなたが時間を節約するのに役立つ多くの事前ビルトインフォームテンプレートを提供しています。あなたはすぐに1つを選択し、あなたの必須に従ってそれを編集することができます。また、完全にカスタムフォームを作成するために使用することができます空白のフォームテンプレートがあります。

テンプレートを選択した後、フォームビルダーを使ってカスタマイズすることができます。

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

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

左カラムの「Fancy Fields」セクションに「Page Break」フィールドを追加する。

WPFormsがページ下部に改ページマーカーを追加し、ページ上部に最初のページ/進捗インジケータマーカーを追加することがわかります。

また、送信ボタンは次のページに移動し、最初のページには「次へ」ボタンが表示されます。

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

WPFormsでは、シンプルなプログレスバー、円、コネクタ、またはプログレスインジケータなしを使用できます。

ページ表示の色も選択できます。最後に、最初のページにタイトルを付けることができます。

ここで、「改ページ」マーカーをクリックして、そのプロパティを編集する必要がある。

次のページのタイトルをプロバイダーで指定し、テキストを編集して「次へ」ボタンに表示することができます。

ページ区切りの後もフォームフィールドを追加し続けることができます。

WPFormsのProバージョンを使用している場合は、ユーザーのレスポンシブに基づいてフォームフィールドを表示したり非表示にしたりする条件付きロジックを使用することもできます。

さらにフィールドを追加した後、必要であれば改ページを追加することができる。

フォームの作成が完了したら、画面右上の「保存」ボタンをクリックします。

おめでとうございます、あなたは最初のマルチページフォームを作成することができました。

WordPressの投稿とページにマルチページフォームを追加する

WPFormsを使えばWordPressの投稿やページにフォームを追加するのがとても簡単になります。

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

このチュートリアルでは「新規ページ作成」オプションを選択します。

次に、新しいページの名前を入力する必要があります。それが完了したら、「Let’s Go」ボタンをクリックします。

また、WordPressのコンテンツエディタにWPFormsブロックを追加して、WordPressのブログ記事にフォームを埋め込むこともできます。

WPFormsブロックのドロップダウンメニューからマルチページフォームを選択するだけです。

その後、ブロックエディターにフォームのプレビューが表示されるはずです。ページや投稿を公開してください。

次に、あなたのサイトにアクセスして、マルチページフォームが実際に使用されているところをご覧ください。

WordPressのマルチパートフォームを次のレベルへ

さて、もしあなたが私たちや他の賢いビジネス・オーナーと同じなら、リード・ジェネレータ・フォームを次のレベルに引き上げる方法を知りたいと思うだろう。

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

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

WPFormsにはLead Formsアドオンがあり、魅力的なフォームレイアウトデザインでフォーム入力率を向上させることができます。

基本的には、ユーザーに一度に1つの質問を表示することができますので、フォームの敷居が低くなり、記入しやすくなります。

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

これは基本的に、WPFormsがその初期に開拓した会話型フォームの原則に基づいています。会話型フォームは、対面の会話に似た一問一答のアプローチをとります。

リードフォームアドオンとは異なり、会話型フォームはフルページフォームのランディングページで、ユーザーがキーボードだけでフォームに入力できるため、長いフォームにも最適です。

詳しくは、WordPressでよりインタラクティブなフォームを作成する方法をご覧ください。

2.部分的なフォーム送信の有効化

81％の人がフォームを完了する前にフォームを放棄していることをご存知ですか？これはほとんどのサイト、特に長いフォームに当てはまります。

WordPressで部分的なフォーム送信を有効化することをお勧めするのはこのためです。WPForms form abandonment addonを使用すると、簡単にそれを行うことができます。

フォームビルダー設定のフォーム放棄タブで有効化できます。

これにより、フォームを放棄した人にターゲットを絞ったフォローアップメッセージを送信し、販売転換率を高めることができます。

この投稿が WordPress で複数ページのフォームを追加するのにお役に立てば幸いです。WordPress でフローティングお問い合わせフォームを表示する方法や、WordPress フォームを使うための究極のガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.