あなたのインスピレーションのための5つの優れたマルチページフォームの例

ページを開くと、本当に興味があるのに、目の前に15個のフィールドがずらりと並んでいるのを目にします。そこでタブを閉じ、次に進みます。

その反応こそが、毎日静かに長いフォームからリードを奪っている原因なのです。良いニュースは、その修正は簡単で、すでにウェブ上の最大のブランドのいくつかがそれを使用しているということです。

マルチページフォームは、より多くの人に情報を入力してもらい、より多くのリードを獲得し、オンラインでより多くのお金を稼ぐための優れた方法です。

そこでこの記事では、インスピレーションを得て、あなたのウェブサイトで効果的な複数パートフォームを作成し始めることができるように、いくつかの素晴らしい複数ページフォームの例を紹介します。

今すぐマルチページフォームを作成する

なぜマルチステップフォームは1つの長いフォームよりもコンバージョン率が高いのか

マルチページフォームの例に入る前に、長いフォームを複数のページに分割することを検討すべき理由を見てみましょう。

サイト訪問者にコンバージョンしてもらうためには、多くの情報を取得する必要があります。実際、シンプルな問い合わせフォームとは異なり、名前とメールアドレス以上の情報が必要になる場合があります。

しかし、サイト訪問者は、一度に多くの情報を求めるフォームに不快感を感じたり、飽きたりする可能性があります。これはフォーム放棄やコンバージョン率の低下につながる可能性があります。

長いフォームのコンバージョン率を高め、ユーザーエクスペリエンスを向上させるために、WordPressでマルチステップフォームを作成し、フォームのパーツを消化しやすいセクションに分割することができます！

この方法で、より質の高いリードも獲得できます。複数のステップを経てコンバージョンしてもらうことで、提供するものに本当に興味のある人だけが完了することがわかります。

結局のところ、サイトのフォームを完了した人が、あなたが探しているタイプの人でなければ、どれだけ多くの人が完了しても意味がありません。

優れたマルチステップフォームの例

以下の例は非常に異なる業界から来ていますが、それぞれがスマートな方法で同じ問題を解決しています。スキャンしやすくするために、完全な内訳を読む前に、各フォームから盗むべき単一の戦術を次に示します。

1. Uber

Uberは新しいドライバーをサインアップするために多くの情報が必要なので、人々を長くて複数のパートにわたるフォームにスムーズに誘導するのに注意を払っています。

最初のステップでは、名前、メールアドレス、電話番号などの基本的な情報のみを尋ねます。場所に関する質問もあり、侵入的だと感じさせることなく、次のステップを静かにパーソナライズします。

どれも数秒以上かかるものではないので、始める理由がないということはほとんどありません。緑色の次へボタンもここで多くの役割を果たしています。

ラベルは、さらにステップがあることを明確にし、小さな矢印は、1つの巨大な提出にコミットするのではなく、前進していることを強調します。そのような明確でプレッシャーの少ない最初のステップが、人々がそもそも始めることを促すのです。

2. Quick Base

Quick Baseは、何も入力する前に期待を設定することで、わずかに異なるアプローチを取ります。

コンバージョン後に何が得られるかを正確に伝える大胆な見出しと、1つのシンプルなコールトゥアクションで始まります。

混乱や次に何が起こるかについての不明瞭さはありません。ボタンをクリックすると、次のステップが表示され、驚くほど短いです。メールアドレスとパスワードのみを尋ねます。

次へボタンは、まだもう少しやることがあることを明確にしますが、この時点ではほとんどの人が最後までやり遂げるでしょう。パスワードの作成は小さなコミットメントであり、そのコミットメントをした人々は完了する傾向があります。

また、Quick Baseは真に興味のあるリード、つまり後で有料顧客になる可能性のある人物を獲得していることを意味します。これは、適切な期待を設定し、人々を前進させ続けるフォームの強力な例です。

3. Sprout Social

Sprout Socialは、無料トライアルにサインアップするためにマルチステップフォームを使用しており、際立った機能は、ジャーニーをどれだけ明確にマッピングしているかということです。

チェックアウトページと同様に、ステップは上部に配置されているため、訪問者は3つのステップがあることを確認できます。さらに良いことに、各ステップには短い説明があるため、人々はそこに到達する前に何をするかを知ることができます。

最初のステップでアカウントを作成し、2番目のステップでソーシャルプロファイルを接続し、最後のステップでサインアップを完了します。誰かが最初のステップでアカウントを作成すると、人々はすでに下した選択に一貫性を保ちたいので、完了させることははるかに簡単になります。

また、途中で離脱した場合にフォローアップするためのメールアドレスをSprout Socialが持つことにもなります。これは、送信ボタンを押す前に放棄されたフォーム入力をキャプチャすることで、独自のフォームでも実行できることです。

4. Cirius Marketing

Cirius Marketingは、2つの巧妙なアイデアを1つのサインアップフローに組み合わせており、2段階のオプトインランディングページから始まります。このページは、提供されている無料のホームページテンプレートを欲しい人なら誰でも無視できない、大胆な行動喚起を提供します。

そのボタンをクリックすると、上部にある進捗バーのおかげで2つのステップが表示される短いポップアップフォームに移動します。

このトリックは、最初のページでボタンをクリックすることが、ランディングページの2つのうち1つのステップを完了したとカウントされることです。そのため、何も入力する前に、すでに半分完了した気分になります。

これは、実際のインセンティブ（無料ダウンロード）と進捗の感覚を組み合わせることで機能するため、本当に興味のある人だけが詳細を提供して完了します。

同様のものを作成したい場合は、さらにインスピレーションを得るために、ランディングページフォームの例をすべてまとめました。

5. University of Phoenix

フェニックス大学は、非常に長い登録フォームを、開始しやすいものに変えるのが得意です。

最初のステップは短く、プレッシャーが少ないため、長いフォームをためらっている人を安心させます。赤い次のステップに進むボタンは、さらに続くことを明確にし、進捗バーはいつでも正確な位置を示します。

次のステップも最小限に抑えられ、名前とメールアドレスのみを求めます。

最後のステップで、住所や電話番号などのより個人的な詳細を求めます。この時点までに、すでに名前とメールアドレスを共有した人は、完了する意欲がはるかに高いため、機密性の高い質問は適切なタイミングで表示されます。

優れたマルチステップフォームに共通すること

5つの例すべてを見ると、同じようなデザインの選択肢が繰り返し表示されます。これらは、独自のフォームに組み込む価値のあるパターンであり、そのほとんどは、フォームデザインのベストプラクティスに関するガイドでさらに詳しく説明されています。

• 最初のステップをほぼ簡単にします：短く、摩擦の少ない最初のステップは、人々がためらう理由を取り除きます。一度開始すると、勢いが彼らを前進させます。
• 進捗を明確に表示します：進捗バーまたはラベル付きのステップは、残りがどれくらいかを示し、彼らを動かし続けます。数回のクリックで、WordPressフォームに進捗バーを追加できます。
• 関連するフィールドをグループ化する: 各ステップは1つのテーマに集中させます。例えば、連絡先詳細は1ページに、設定は次のページにまとめます。入力しやすく、スクリーンリーダーやアクセシビリティにも優しいです。
• 質問の順序に注意する: 簡単でハードルの低い質問から始め、デリケートな内容は、相手がすでに意欲的になった後に保存します。
• 次に何が起こるかを伝える: ステップやボタンにラベルを付けることで、訪問者はステップ数と各ステップの内容を把握できます。
• 条件付きロジックを使用して短くする: 条件付きロジックを使用すると、以前の回答に基づいてステップを表示または非表示にできるため、該当しない質問に時間を無駄にする必要がなくなります。
• 部分的な入力をキャプチャする: 優れたフォームでも、途中で離脱する人がいます。進捗状況やメールアドレスを保存しておけば、離脱が必ずしも失われたリードになるわけではありません。
• モバイル向けにデザインする: 多くの人がスマートフォンでフォームに入力するため、各ステップが小さな画面でもすっきりと見え、タップしやすいことを確認してください。

WordPressでマルチステップフォームを作成する方法

上記のフォームのいずれかを構築するために開発者は必要ありません。WordPressサイトで最も簡単な方法はWPFormsを使用することです。これにより、任意のフォームにページ区切りを追加でき、進捗バーが自動的に作成されます。

WPFormsがこれを非常に簡単にできる理由は次のとおりです。

• 初心者向け: ドラッグ＆ドロップビルダーを使用すると、コードなしで視覚的にマルチページフォームを作成できます。
• テンプレートから開始できます: 求人応募、登録、注文フォームなど、2,100以上のフォームテンプレートがあり、すべてページに分割できます。
• 集中を妨げないページで構築できます: Form Pagesアドオンは、マルチステップフォームを、Cirius Marketingの例のように、専用のランディングページに変換します。
• 失われたリードを回復できます: Form Abandonmentアドオンは、フォームの入力を開始したが完了しなかったユーザーの詳細をキャプチャします。
• フォームは賢く保たれます: 条件付きロジックにより、該当しないステップやフィールドを非表示にできるため、すべてのフォームを可能な限り短く保つことができます。
• あらゆるデバイスで動作します: マルチページフォームは、スマートフォン、タブレット、デスクトップで自動的に見栄えが良くなります。

基本的なマルチページフォームは、有料のWPFormsプランで作成できます。フォームランディングページ、放棄キャプチャ、リードフォームなどのコンバージョンエクストラはProに含まれています。設定する準備ができたら、WordPressでマルチステップフォームを作成する方法のステップバイステップガイドに従ってください。

WPFormsは600万以上のウェブサイト所有者に信頼されており、WordPress.orgで13,000件以上の5つ星レビューから4.8/5の評価を得ています。そのため、安心してご利用いただけます。

今すぐマルチステップフォームを作成する

開始するためのマルチステップフォームテンプレート

白紙から始めるのではなく、WPFormsには既製のマルチステップフォームテンプレートの大きなライブラリがあります。マルチページフォームを作成したいが、構造がわからない場合に最適です。人気のテンプレートには次のようなものがあります。

• マルチステップお問い合わせフォームテンプレート
• マルチステップオフィスアンケートフォームテンプレート
• Mailchimpマルチステップフォームテンプレート

ビルダーでいずれかを開き、必要なものに合わせてフィールドを調整すれば、数分で動作するマルチステップフォームが完成します。

マルチステップフォームに関するよくある質問

マルチページフォームの例は、多くの同じような質問を引き起こすため、ここでは、最初のフォームを作成する前に最もよく聞かれる質問に対する簡単な回答を紹介します。

マルチステップフォームとは何ですか？

マルチステップフォームとは、1つのフォームを2ページ以上に分割し、進捗バーまたはステップインジケーターで進捗状況を示すものです。すべてのフィールドを一度に表示するのではなく、一度に1つの小さなセクションに入力するため、長いフォームでも完了しやすくなります。

マルチステップフォームはコンバージョンを増加させますか？

特に長いフォームの場合、多くの場合そうなります。フォームをステップに分割することで、心理的なハードルが下がり、より多くの人が開始し、進捗の感覚が完了を促します。また、数ステップを完了した人は通常より真剣であるため、より質の高いリードを獲得する傾向があります。

マルチステップフォームにはいくつのステップが必要ですか？

決まった数はありません。目標は、特定のステップ数に達するのではなく、フィールドを論理的なチャンクにグループ化することです。ほとんどのフォームでは、2〜4ステップがうまく機能します。1つのステップが長すぎると感じ始めたら、それを2つに分割すべき良い兆候です。

マルチステップフォームは他のツールと連携できますか？

はい。WPFormsは、マルチステップフォームをMailchimp、Brevo、Constant Contact、Kit（旧ConvertKit）、HubSpotなどの人気のあるメールマーケティングおよびCRMプラットフォームに接続するため、すべての送信がすでに使用しているツールに直接流れます。

どの業界がマルチステップフォームを最も活用していますか？

マルチページフォームは、ヘルスケア、教育、SaaS、金融、テクノロジー、法律サービスなど、長いフォームが一般的な業界で人気があります。とはいえ、数個以上のフィールドを持つフォームであればどこでも役立つので、自分のサイトで試してみることを恐れないでください。

マルチステップフォームで優れたユーザーエクスペリエンスを作成するにはどうすればよいですか？

優れた例を調べると、明確な進捗インジケーターや論理的な順序でグループ化されたフィールドなど、同じ習慣に気づくでしょう。WPFormsは、ページ区切りを挿入すると自動的に進捗バーを追加するため、あなたの仕事は、関連フィールドが一緒に配置され、各ステップが明確な目的を持つことを確認することです。

次に、会話型フォームでエンゲージメントを高める

マルチステップフォームは、人々を惹きつけるための最良の方法の1つですが、唯一の方法ではありません。フォームをさらにパーソナルに感じさせたい場合は、チャットスタイルのレイアウトで一度に1つの質問を表示することもできます。

最も重要なフォームに入力する際に、訪問者に可能な限りスムーズなエクスペリエンスを提供するために、会話型フォームの作成に関するガイドをご覧ください。

今すぐマルチステップフォームでコンバージョンをブースト

フォームの作成準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今日から始めましょう。WPForms Proには多くの無料テンプレートが含まれており、14日間の返金保証が付いています。

もしこの記事がお役に立ったなら、WordPressの無料チュートリアルやガイドをもっと知るために、FacebookとTwitterでフォローしてください。