マルチステップフォームでユーザー体験を向上させる

マルチステップフォームを使用すると、長いフォームを複数の小さなセクションに分割し、すべてのフォーム項目を一度に表示するのではなく、ユーザーを段階的に案内できます。

フォームを新しく作成したり、既存のフォームをマルチステップフォームに変更したりできます。各フォーム画面にはそれぞれの項目があり、画面を移動しながら入力できます。進行状況バーには現在の位置が表示され、最後の画面にある「送信」ボタンをクリックすると、フォーム全体がまとめて送信されます。

この機能はユーザー体験の向上に役立ちます。フォームに入力するユーザーは一度に1つのセクションに集中できるため、完了率の向上につながります。進行状況バーには現在の位置が表示され、最後のステップが完了するとフォーム全体が一度に送信されます。

Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you have a few options:

  • Deactivate the Classic Editor: Go to Plugins → Installed Plugins in your WP Admin and deactivate the Classic Editor plugin.
  • Enable both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin (not the menu under Jetpack settings). Set Allow users to switch editors to Yes. You will only see these options if you have the Classic Editor plugin installed and active.

Some custom themes or plugins may prevent you from using the Block Editor. In that case, please contact the support team for the plugin or theme for further assistance.

For more details, see Using Blocks and the Classic Editor.

マルチステップフォームは、Jetpackのコンタクトフォームブロックの一部です。Jetpackのコンタクトフォームブロックの仕組みについて詳しく読むことができますこのページ。また、Jetpackブロックについて詳しく読むことができます。

マルチステップフォームを設定する

新しいマルチステップフォームを作成するか、既存のフォームをマルチステップ形式に変更できます。


各フォームは個別の画面(ステップ)に分割され、ユーザーは次へと前へボタンを使って移動します。「送信」ボタンは最後のステップにのみ表示され、フォーム全体を送信します。

利用可能なブロック

マルチステップフォームブロックを追加すると、次のブロックを使用できます。

  • マルチステップフォーム:フォーム全体を含むメインブロックです。
  • 進行状況インジケーター:ユーザーがプロセスのどの段階にいるかを視覚的に示すバーです。
  • ステップコンテナ:すべてのフォームステップブロックを格納するラッパーブロックです。
  • フォームステップ:1つのステップの項目を格納するコンテナーブロックです。
  • ステップナビゲーション:ステップ間の移動に使用する次へと前へボタンを追加します。

マルチステップフォームをカスタマイズする

上記の各ブロックをクリックすると、個別にスタイルや設定をカスタマイズできます。投稿エディターの設定バーには、変更するブロックの種類に応じた設定が表示されます。たとえば、メインのマルチステップフォームブロックのエディターバーでは、選択したステップの前後にステップを追加したり、表示するステップ数(すべて、または特定の1つ)を選択したりできます。

ステップのタイトルは、さまざまな書式設定オプションやAIアシスタントを使用してカスタマイズし、フォームを改善することもできます。

エディター設定サイドバーには、各ブロックの色やサイズの変更など、レイアウトおよび高度な設定が含まれています。

Still need help?

Please contact support. We’re happy to advise.

プライバシー情報

マルチステップフォームブロックはデフォルトで有効化されています。Jetpackの機能を1ページで管理するためのガイドに従うことで、いつでも無効化または再有効化できます。

使用されるデータ
サイト所有者/ユーザー

アクティビティの追跡(詳細は以下を参照):IPアドレス、WordPress.comのユーザーID、WordPress.comのユーザー名、WordPress.comに接続されたサイトIDとURL、Jetpackのバージョン、ユーザーエージェント、アクセス元のURL、参照元のURL、イベントのタイムスタンプ、ブラウザー言語、国コード。
サイト訪問者

Akismetがサイトで有効になっている場合、コンタクトフォームの送信データ(IPアドレス、ユーザーエージェント、メールアドレス、サイトのURL、コメント)は、スパムチェックのためにAkismetサービス(Automatticが所有)に送信されます。実際の送信データは、送信先サイトのデータベースに保存され、フォームの所有者(つまり、コンタクトフォームが設置されたページを公開したサイト作成者)に直接メールで送信されます。このメールには、送信者のIPアドレス、タイムスタンプ、名前、メールアドレス、ウェブサイト、メッセージが含まれます。

IPアドレスは不正使用防止のために含まれます。また、Akismetを使用するサイトでは、適切なスパム対策を提供する必要があります。
追跡されるアクティビティ
サイト所有者/ユーザー

機能がいつ、どのユーザーによって有効化または無効化されたか、またフィードバックフォームのページからCSVまたはGoogleスプレッドシートがいつエクスポートされたかを追跡します。
サイト訪問者

ありません。
同期されるデータ(詳しく読む)
サイト所有者/ユーザー

機能が有効になっているかどうかを示す単一のオプションを同期します。
サイト訪問者

ユーザーのコンタクトフォーム送信に関連付けられた投稿および投稿メタデータを同期します。Akismetがサイトで有効になっている場合、コメントとともに最初に送信されたIPアドレスとユーザーエージェントも、投稿メタデータに保存されているため同期されます。