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

最近、あるユーザーからWordPressで複数ページのフォームを作成する方法を尋ねられました。

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

この投稿では、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つを選択し、あなたの必須に従ってそれを編集することができます。また、完全にカスタムフォームを作成するために使用することができます空白のフォームテンプレートがあります。

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

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

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

左カラムの「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のSEOランキングを向上させる方法についての究極のガイドもご覧ください。

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.