コンテンツにスキップ

お問い合わせフォームに項目を追加・削除する

新規追加(標準スコープ補完)

「お問い合わせフォームに『業種』を追加したい」「『FAX番号』はもう不要なので削除したい」といった、フォーム自体の編集について解説します。 実画面例: フォーム項目の変更前に、Forms画面で現在のフォーム構成と送信履歴を確認します。


1. 重要な前提

フォーム項目(フィールド)の追加・削除・並び替えは Designer モードでの作業 です。エディターからはできません。

注意: フォーム編集はサイト構造に影響します。誤った操作で 既存の問い合わせ受信が止まる リスクがあるため、必ず 作業前にバックアップを取る または IGNITE公式サイトのお問い合わせフォーム から依頼することをおすすめします。

2. フォーム編集の基本フロー

  1. Designer モードを開く
  2. 対象ページのフォーム要素をクリックして選択
  3. 新規フィールドの追加 / 削除 / ラベル変更
  4. Form Settings で送信後の挙動・通知先を確認
  5. Publish して公開
  6. テスト送信 して問い合わせが正常に届くか確認

3. 項目を追加する手順

  1. Designer でフォーム要素をクリック
  2. 左サイドバーの 「Add(+)」 から、追加したい入力タイプを選ぶ
    • Text Input(一行テキスト:会社名、業種など)
    • Text Area(複数行テキスト:詳細欄)
    • Email Input(メールアドレス専用)
    • Phone Input(電話番号専用)
    • Select Dropdown(プルダウン選択)
    • Radio Button(単一選択)
    • Checkbox(複数選択 / 同意チェック)
  3. 追加した要素をフォーム内の希望位置にドラッグ
  4. 要素を選択し、Settings パネルで Name(フィールド名)Label(表示ラベル) を設定
  5. 必要に応じて Required(必須) をONに
  6. Publish して公開

4. 項目を削除する手順

  1. Designer でフォーム内の削除したい入力欄をクリック
  2. キーボードの Delete キーを押す(または右クリック → Delete)
  3. Publish して公開

注意: 削除前に「過去の問い合わせデータでこのフィールドを使っていないか」を確認してください。

5. 項目の並び順を変える

  1. Designer でフォーム要素を ドラッグ & ドロップ で並び替え
  2. Publish して公開

6. 必須項目(Required)の設定

ユーザーが入力しないと送信できないように設定する機能です。

  1. 対象フィールドを選択
  2. Settings パネルの 「Required」 をON
  3. Publish

7. テスト送信は必ず実施

フォーム編集後は 必ずテスト送信 をしましょう:

  1. 公開サイトで実際にフォームを開く
  2. 全項目を入力して送信
  3. 指定の通知メールアドレスに届くか を確認
  4. Webflow 管理画面の Form Submissions にも記録されているか確認

8. よくある質問 (Q&A)

フォーム項目を追加したら、過去のデータはどうなりますか?

過去の問い合わせデータは変わりません。新規追加項目は今後の送信から記録 されます。

削除した項目を元に戻したいです。

直後なら Ctrl+Z(Cmd+Z) で取り消せます。Publish 後の場合は バックアップから復元 か、再度同じ項目を追加する必要があります。

自分でやるのが不安です。

IGNITE公式サイトのお問い合わせフォーム から依頼することを強くおすすめします。フォーム関連は問い合わせ受信に直結するため、慎重な対応が必要です。


次のステップ: 複数人で Webflow を編集したい場合の方法を学びましょう → 「Webflow の共同編集者を招待する」