2カラムフォーム
見せながら、入力を促す
ビジュアル一体型のフォーム。
2カラムフォームとは、左に画像や説明、右に入力欄を並列で配置するフォームスタイルです。製品やサービスの情報、イベント概要などを見せながら、入力を自然に促せます。お問い合わせ、イベント・セミナー申込み、資料請求などに向いています。
＼わずか1分で登録、毎月ずっと使える／
無料でフォームをつくる
-
内容を伝えながら、
入力を促せる。左に商品・サービスの画像、案内文、注意事項などを並列で配置できます。入力者は内容を確認しながら、安心して入力に進められます。
-
縦に長くならず、
コンパクトに見せられる。情報と入力欄を横並びにすることで、縦のスクロール量を抑えられます。入力者には負担の少ないフォームに見えます。
※スマートフォンや狭い画面では、自動的に1カラム表示に切り替わります。
-
フォームタイトル
「お申込み」「無料セミナー」「お問い合わせ」など、フォームの目的を伝える見出し。
-
画像・ビジュアル
商品やサービスの画像、イベントの様子など、視覚的な情報を加えるパーツ。任意で設置します。
-
概要・説明文
フォームの内容、イベント概要、開催情報、注意事項など、入力者に伝えたい情報をまとめる文章。
-
入力・選択フィールド
必要な情報を入力・選択する欄。テキスト、メール、プルダウンなど、用途にあわせて選びます。
-
送信ボタン
入力内容を送信するボタン。右カラムの最後に配置し、ひと目で押せると分かるデザインにします。
質問をクリックして回答を表示できます
1カラムフォーム・カード型フォームとの違いは何ですか？
1カラムフォームは項目を縦一列に並べるスタイル、カード型フォームは1画面に1問ずつ表示するスタイルです。2カラムフォームは、左に情報、右に入力欄を並列で配置する点が異なります。情報を見せながら入力してもらいたい場面に向いています。
2カラムフォームはどんな用途に向きますか？
お問い合わせ、イベント・セミナー申込み、資料請求、採用エントリーなど、入力者に内容を伝えながら入力してもらいたい場面に向いています。商品やサービスの情報、開催概要などを画面上で示しながら、入力を促せます。
スマートフォンではどう表示されますか？
自動的に1カラム表示に切り替わります。左カラムの情報が上に、右カラムの入力欄が下に並ぶ縦並びになります。PCで2カラム、スマートフォンで1カラムと、デバイスに合わせた最適なレイアウトで表示されます。
HTMLやCSSの知識がなくても作れますか？
はい、ヘルプドッグの2カラムフォームはノーコードで作成できます。ドラッグ＆ドロップで項目を追加し、左カラムには画像や説明文を直感的に配置できます。
左カラムには何を入れることができますか？
フォームタイトル、画像、概要・説明文、注意事項、開催情報などを自由に組み合わせて配置できます。入力者に伝えたい情報を、入力欄の隣で示せます。
