色々なフォームの作り方へ

ページを分ける「ステップフォーム」の作り方とサンプル

「質問項目が多いアンケートや申し込みフォームを作りたいけれど、1画面にずらりと項目が並んでいるとユーザーが圧倒されて離脱してしまう…」

そんなお悩みはありませんか?

フォーム作成サービス Rakufo(ラクフォ) なら、フォームの途中に「次へ」ボタンを挟んで画面を切り替える**「ステップフォーム(ページ分割フォーム)」**が簡単に作れます!

Rakufoでは、この分割された1ページ(1ステップ)のことを**「セクション」**と呼びます。 今回は、実際の操作マニュアルとして、セクションの「追加」「並び替え」「見出し変更」の手順を詳しく解説します。

1. ページを分ける:セクション(ページ)の追加手順

セクションの追加は、フォームの編集画面(ビルダー)から直感的に行えます。

ステップ1:「セクションを追加」をクリック

フォーム編集画面(ビルダー)にある**「セクションを追加」**ボタンをクリックします。

ステップ2:追加したい場所を選択する

画面に「どのセクションの前か後に追加するか」を確認する案内が表示されます。新しくページを区切りたい(「次へ」ボタンを挟みたい)場所を狙ってクリックします。

ステップ3:新しいセクションに項目を追加する

これで新しいセクションが追加されました!あとは、そのセクションの中に通常通り必要な入力項目(質問など)を追加していけば、自動的にページが分割されます。

2. 順番を変える:セクションの移動(並び替え)手順

フォームを作っていく中で、「ページの順番を前後させたい」となったときもドラッグ操作で簡単に並び替えることができます。

ステップ1:セクションを選択する

移動させたいセクションをクリックして選択します。

ステップ2:移動マークをクリック

セクション枠にある 「↑↓」の移動マーク をクリックします。

ステップ3:ドラッグして保存

セクションの並び替えポップアップが表示されます。対象のセクションをドラッグ&ドロップで直感的に並び替え、「保存」 を押せば完了です。

3. タイトルをつける:セクションの見出し編集手順

ページごとに「基本情報のご入力」「アンケートへのご協力」など、内容がパッとわかる見出しをつけることで、ユーザーが迷わず入力できるようになります。

ステップ1:セクションを選択する

見出しを変えたいセクションをクリックして選択します。

ステップ2:「見出し」を編集する

画面右側に表示される編集パネル(設定画面)にある 「見出し」 のテキストエリアを編集します。文言を入力すると、リアルタイムでフォームに反映されます。

実際の動きをサンプルフォームでチェック!

今回ご紹介したステップフォーム(セクション機能)の挙動は、以下のサンプルフォームから実際に触ってご確認いただけます。 「次へ」ボタンで画面が切り替わるスムーズな動きを体感してみてください。

👉 ステップフォームのサンプルはこちら

SEO・マーケティングの視点:「ステップフォーム」にするメリット

項目が多いフォームをページ分割(ステップフォーム化)することには、以下のような大きなメリットがあります。

  • ユーザーの心理的負担(離脱)を減らす 開いた瞬間に大量の入力欄が見えるとユーザーは嫌気を出してしまいます。画面を分けることで「これくらいならすぐ終わるな」と思わせることができます。
  • スマホでもスクロール疲れさせない 画面の小さいスマートフォンでは、縦に長すぎるフォームはそれだけでストレスになります。ページが分かれている方が、スマホユーザーにとっては圧倒的に操作しやすくなります。
  • 「項目の出し分け」と相性抜群 Rakufoの強みである「表示ルールの設定(項目の出し分け)」と組み合わせることで、「1ページ目で『個人』を選んだから、2ページ目は個人用の質問ステップにする」といった、高度な対話型フォームも実現できます。

まとめ

項目が多いフォームほど、見た目のスッキリさが回答率を大きく左右します。

Rakufoのセクション機能を上手に使って、ユーザーに優しいステップフォームを作ってみてくださいね!

フォーム作成の開始や機能の詳細は Rakufo(ラクフォ)公式サイト をご覧ください。

関連記事

この記事をシェア

https://www.rakufo.com/support/detail/44
X LINE

Welcome back

おかえりなさい

メールアドレスとパスワードでサインイン

Googleでログイン

Get started free

アカウントを作成

メールアドレスや Google 連携を使ってRAKUFOをご利用ください(無料)。

Googleで無料登録