ランディングページの摩擦を減らすための8つのマルチステップフォームの例

公開: 2017-08-28

ランディングページが長すぎるか、リードキャプチャフォームが要求する情報が多すぎるために、Web ユーザーがポストクリックランディングページをクリックして離れてしまうことは珍しくありません。訪問者情報を収集するには複数ステップのフォームが不可欠ですが、多くのマーケティング担当者はフォームを正しく設計できず、貴重なリードを失うことになります。そのため、ポストクリックランディングページをデザインして、訪問者のエンゲージメントを維持し、長いフォームに怯まないようにすることが不可欠です。

これを行う 1 つの方法は、マルチステップフォームを使用することです。

マルチステップフォームとは？

マルチステップフォームは、より短いステップに分割された長いフォームです。マーケティング担当者の観点からは、詳細な見込み客情報を収集したい状況に最適です。見込み客の観点から見ると、複数ステップのフォームを使用すると、簡単なフォームに記入し、追加のフォームフィールドに進んで、自分自身や自分のビジネスについてさらに共有することで、関心を示すことができます。

追加情報の要求は、ユーザーがベースライン情報を送信した後にのみ表示されるためです。マルチステップフォームを使用すると、クリック後のランディングページでの摩擦を減らすことができます。このようにフォームを設計することで、訪問者のページ滞在時間を増やし、より多くのリードを生成し、より質の高いリードについての洞察を得るのに役立ちます。もちろん、これをマーケティングファネルを通じて販売につなげることができます。

複数ステップのフォームと 2 ステップのオプトインフォーム

複数ステップのフォームと 2 ステップのオプトインフォームの両方が、リードの関与と評価に役立ちます。それらの違いは、ページ上での表示方法です。複数ステップのフォームには段階があり、後続の各段階は前の段階が完了した後にのみ表示されます。逆に、訪問者が CTA ボタンをクリックすると、2 段階のオプトインフォームが表示され、ポップアップボックスにフォームが表示されます。

ページ上のフォームや 2 段階のオプトインフォームの代わりに、複数の段階からなるフォームを使用すると、いわゆる「ゴルディロック症候群」を回避できます。長すぎると、見込み客がそれを完了するのを思いとどまらせる可能性があります。短すぎると、使用できない見込み客、または販売よりもマーケティングに適した見込み客になってしまいます。見込み客が現在存在するマーケティングファネルのオファーと段階に基づいてポストクリックランディングページフォームを最適化することで、より適切な情報をリクエストできるため、より高いコンバージョン率を生み出すことができます。

「フリーサイズ」のテンプレート自体はないかもしれませんが、以下の複数ステップのフォームの例は、次のデザインでエミュレートするための優れた出発点です. 世界最大のブランドのいくつかが、マルチステップフォームを使用して訪問者を引き付け、リードを最大化する方法を見てみましょう.

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

ユーバー

Uber はこのポストクリックランディングページを使用して、副業として運転するよう人々を誘います。

ページで複数ステップのフォームを使用して、訪問者のスムーズな変換プロセスを作成します。 CTA ボタンが「次へ」と表示され、矢印がトラフィックをフォームの 2 番目のステップに誘導していることに注目してください。これらはどちらも、プロセスに少なくとも 1 つの追加ステップがあることを示しています。

役員および専門家の名士

この選択的なネットワーキングフォーラムは、訪問者がネットワークへの参加資格を申請することを奨励するために、ホームページに複数ステップのフォームを配置しました。

フォームは、訪問者が後続の各ステップに進む必要があることを示すために、ステップインジケーター (それぞれが矢印の形をしており、視覚的な合図です) で適切に設計されています。 CTA ボタンには矢印も含まれており、プロスペクトに応募プロセスがまだ完了していないことを示します。

オンページフォームでは、ページのスペースが限られているため、常に大きなフォント、長いフィールド、またはフィールドラベルを使用できるとは限りません。逆に、複数ステップのフォームはセクションで表示されるため、より多くのスペースが作成され、より多くのバリエーションと視覚的な合図が可能になります。多くの場合、進行状況バーも含まれているため、ユーザーはサインアッププロセスの進行状況を追跡できます.

フェニックス大学

フェニックス大学の大学院が上部にあるプログレスバーをどのように使用しているかをご覧ください。

フォームは、訪問者からの非侵襲的な情報 (研究分野、学位レベル、学習形式、郵便番号) を求め始めます。プログレスバーは、訪問者がクイックスタートガイドをダウンロードできるようになるまでにフォームがどれくらいかかるかを明確に示すので、いい感じです。

ソーシャルメディアとの接続は、複数ステップのフォームを設計する際のもう 1 つの効果的な戦術です。実際、ソーシャルメディアのオートフィルを使用すると、コンバージョン率が 189% も増加する可能性があります。この機能を実装することで、ユーザーの関連するソーシャル情報がフォームに自動的に挿入されます。

また、ユーザーエクスペリエンスに関しては、プレースホルダーテキストは訪問者を苛立たせ、混乱させる可能性があります。ソーシャルアカウントによって既に自動入力されているフィールドと間違える可能性があるからです。代わりに、ボックスの上の各フィールドにラベルを付けて、煩わしさを減らし、ユーザーがフォームをスムーズに操作できるようにします。

GreenGeeks

GreenGeeks は、このクリック後のランディングページを作成して、マルチステップフォームを含めました。まず、クリック後のランディングページで次のオファーが行われます。

訪問者が「Get Started Now」CTA ボタンをクリックすると、フォームのステップ 1 を含むこのページが表示されます。

この時点で、ユーザーは識別情報を求められることはなく、ドメイン (新規または既存のドメイン) のみが求められます。そのため、目標到達プロセスを完全に下っていないユーザーは、長く複雑なフォームによって思いとどまることはありません。訪問者がサインアップを続行する準備ができたら、フォームのステップ 2 である次のページに誘導されます。

これは、各セクションと個々のフィールドが明確にラベル付けされた別の複数ステップのフォームであり、顧客にシームレスなサインアッププロセスを提供します。

シリウス・マーケティング

これは、Cirius Marketing の例です。ポップアップボックスに複数ステップのフォームがある 2 ステップのオプトインページを使用します。これはクリック後のランディングページで、スクロールしなければ見えない位置にすぐに CTA ボタンが表示されます。

ポップアップボックスのマルチステップフォームは次のとおりです。

ウィンドウの上部にある 50% 完了を示すプログレスバーに注意してください。プロスペクトが提供する必要がある情報はこれだけではないことがわかります。

スプラウトソーシャル

Sprout Social は、見込み客が完了するためのこの複数ステップのフォームを設計しました。

この最初のステップは、アカウントを作成する場所です。次に、ソーシャルプロファイルを添付できる 2 番目のステップに進みます。そして最後に、ステップ 3 で、サインアッププロセスを完了し、Sprout の使用を開始できます。

クイックベース

以下のクイックベースポストクリックランディングページでは、従業員トレーニングサービスを提供しています。

無料試用を開始する準備ができたら、見込み客は協力的な CTA ボタン (ページに合計 3 つ) のいずれかをクリックし、次の複数ステップの登録フォームのステップ 1 に到達します。

フォームのこの部分が具体的に「Step 1 of 2」とラベル付けされていることに注目してください。見込み客に無料試用が「あと数秒」であることを知らせることは、フォームの入力に時間がかからないことを示しています。

フートスイート

Hootsuite は、明確に定義された手順に従って、アカウントのサインアッププロセスを通じて見込み客をガイドします。

見出しには、サインアップするまでのステップ数が記載されているため、見込み客はすぐにそれが何を意味するかを知ることができます. 次に、各ステップに明確なセクションヘッダーが付けられ、訪問者が簡単に完了できるようにします。

マルチステップフォームでページのエンゲージメントを高める

最適なコンバージョンシナリオで見込み客から多くの情報を得る必要があり、威圧的な印象を与えたくない場合。複数ステップのフォームを使用して状況を単純化すると、これらの問題を軽減するのに役立ちます。これらの複数ステップのフォームの例は、煩わしさを軽減し、顧客に情報を信頼してもらうよう説得し、最終的には、探しているコンバージョンにつながるのに役立ちます.

常にすべての広告をパーソナライズされたポストクリックランディングページに接続して、顧客獲得あたりのコストを削減します。今すぐ Instapage Enterprise のデモにサインアップして、専用のポストクリックページの作成を開始してください。