フォーム概要 - Webflow ヘルプ

フォームはウェブ上で最も強力なツールの一つであり、メールニュースレターの登録や潜在顧客からの仕事の問い合わせを効率的に収集することができます。Webflowを使用すると、フォームを完全にカスタマイズして最適化し、ニーズに合わせることができます。サイトにフォームブロックを追加するには、追加パネル → 要素 → フォームから行います。

フォームの構造

フォームブロックは親要素の全幅を継承し、3つの子要素を含みます：

• フォーム — すべてのフォーム入力と要素を含む
• 成功メッセージ — フォームが正常に送信されたときに返されるメッセージ
• エラーメッセージ — フォーム送信に問題があるときに返されるメッセージ

フォームの構成

フォーム内で以下のフォーム要素を追加または削除して、必要に応じてフォームをカスタマイズできます：

フォーム要素の設定方法

フォーム要素（例：入力、送信ボタン）をダブルクリックして設定を開くことができます。 各フォーム要素には、そのタイプに基づいた異なる入力設定があります：

送信ボタン

送信ボタンの設定では以下を設定できます：

• ボタンテキスト: ボタンに表示されるテキスト（デフォルト：「送信」）
• 待機テキスト: クリック後、送信完了前にボタンを置き換えるテキスト（デフォルト：「お待ちください…」）

フォーム設定の管理方法

成功とエラー状態のカスタマイズ

フォームブロックを選択し、フォームブロック設定に移動して：

• 通常: デフォルト状態
• 成功: 成功した送信後のメッセージ
• エラー: 失敗した送信後のメッセージ

フォーム名を設定する

設定した名前は、フォームをその送信データと関連付けます。 ユニークな名前を設定しないと、すべての送信データが「Email Form」に表示されます。 フォームを区別するために説明的な名前を付けましょう。

フォーム送信と通知を管理する

• フォームブロック設定で受信者を指定します。
• サイト設定 → フォーム → フォーム通知で高度な通知にアクセスします。
• ウェブサイトの完全な所有者の場合: サイト設定 → フォーム → フォーム送信でフォームデータにアクセス/管理します。

フォーム送信時にサイト訪問者をリダイレクトする

送信後にユーザーを別の場所に送るために、リダイレクトフィールドにURLを追加します。

カスタムアクションを設定する

送信を他の場所（例：HubSpot）に送るカスタムアクションを追加します。 これを追加すると、Webflowは通知を処理または送信しません。 さらに統合するためにアプリを接続することもできます。

アプリ接続を表示する

接続されたアプリは接続に表示されます。 注意: フォームデータをWebflowに送信は、Webflowの処理を完全にバイパスしない限り常に表示されます。

フォームデータとGDPR

• EU居住者から個人データを収集する場合（フォームを通じて含む）、GDPRの下でデータ管理者となります。
• データ収集の適切な同意を得る。
• クライアントのために構築する場合、彼らの責任について教育する。
• データを第三者（例：Zapier）に接続する場合の責任を確認する。

詳細を学ぶ:

• GDPRへの準備方法とWebflowの取り組み

トラブルシューティング

フォームが送信できない場合:

• reCAPTCHAを有効にしている場合、すべてのフォームにそれを含めてください。そうでないと、送信は失敗します。
• 隠しフィールドがある場合、それらの自動フォーカスがオフになっていることを確認してください。
• 無料/ホストされていないサイトは、合計50件のフォーム送信に制限されています。サイトプランをアップグレードして制限を解除します。

問題が続く場合は、カスタマーサポートに連絡してください。

Webflowヘルプに戻る