Forms

マルチステップフォームを作成できますか?

更新日時 November 30, 2016

必要条件

ソフトウェア: HubSpot マーケティング
サブスクリプション: Basic, Pro, & Enterprise

HubSpotでは、複数の方法でマルチステップフォームを作成できます。この記事の対象読者は、フォームの作成方法を理解していることが前提になっています。

オプション1: 1つ前のフィールドに対する回答に応じて別のフィールドが表示される依存フォームフィールドを利用します。

: 1つ前の質問にしか対応できませんが、依存レベルは複数設定できます。

依存フォームフィールドの詳細については、ここをクリックしてください。

オプション2: 互いにリダイレクトする複数のフォーム複数のランディングページを作成します。

  • [Contacts] > [Forms]の順に選択して、2つのフォームを作成します。
    • 1つのフォームは、1つ目の質問セットとし、もう一つのフォームは、2つ目の質問セットとします。
  • [Content] > [Landing Pages]の順に選択します。
  • ページを作成して、フォームモジュールのテンプレートを選択します。
  • ランディングページの名前を付け、ページのURLを選択します。
    • 最初に、2つ目のフォームを含むページを作成します
  • 該当するフォームモジュールを見つけて、2つ目のフォームを追加します。
  • マルチステップフォームが完了したら表示されるサンキューページのリダイレクトURLを入力します。
  • このページを公開します。
  • もう一度、[Content] > [Landing Pages]を選択します。
  • ページを作成して、フォームモジュールのテンプレートを選択します。
  • ランディングページの名前を付けて、ページのURLを選択します。
    • これは、1つ目のフォームを含むページになります。
  • 該当するフォームモジュールを見つけて、そのフォームを追加します。
  • [Redirect to another page]を選択して、上記の手順で作成したページの名前を指定します。
  • ページを公開します。

: 3ステップ以上のフォームが必要な場合は、上記の手順を繰り返して、必要に応じた数のランディングページとフォームを作成してください。

オプション3: スマートフィールドと、自身のページにリダイレクトさせるプログレッシブプロファイリングを利用した単一フォームを作成します。この方法を利用するには、HubSpot製品についての深い知識が必要になります。

ユーザー追加画像
ユーザー追加画像
  • [Contacts] > [Forms]の順に選択して、フォームを作成します。
  • すべてのフィールドをスマートフィールドとして設定し、フィールドをキュー内に配置します。
    • フォーム内の3つのフィールドがスマートフィールドで、キューに6つのフィールドが含まれている場合、最初にフォームを送信した後、3つの新規フィールドが表示され、2回目にフォームを送信した後は、残り3つのフィールドが表示されます。
  • チェックボックスフィールドを1つ作成し、オプションは設定しないようにします。
    • これを、キュー内の最後のフィールドとして追加し、ラベルセクションに、短いサンキューメッセージを設定します。
    • フィールドがすべて消えた後も、このページは自身にリダイレクトするので、フォームが完了したことを示す何かを設定する必要があります。そこで、ハイパーリンクを含めて、これをクリックすればそのページから離れられるような設定が必要になります。
  • [Content] > [Landing Pages]の順に選択します。
  • ページを作成して、フォームモジュールのテンプレートを選択します。
  • ランディングページの名前を付け、ページのURLを選択します。
  • 作成したばかりのフォームをページに追加します。
  • [Redirect to another page]を選択して、[Redirect to an external url]をクリックします。
    • : 作成したばかりのこのページにリダイレクトさせる場合であっても、このオプションを選択する必要があります。それは、このページはまだ公開されておらず、リダイレクト先として使用できるHubSpotページのリストにまだ含まれていないためです。
  • このページのURLをボックス内に貼り付けて、[Use this URL]をクリックします。
  • ランディングページを公開して、普段使用しているブラウザから、フォームをテストしてみてください。