Netlifyお問い合わせフォーム

Formgong team ·

Netlifyのお問い合わせフォームは、Netlify Formsに残すことも、Formgongへ送ることもできます。クレジットプランでは、2026年10月6日の確認で、Netlify Formsは無料で上限がありません。ただしNetlify上だけです。旧プランは今もサイトあたり月100件です。Formgongはどのホストでも動き、Telegramを送れます。

Netlify
<form action="https://formgong.com/submit" method="POST">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="ja">
  <label>お名前 <input type="text" name="name" autocomplete="name" placeholder="山田 太郎" required></label>
  <label>メールアドレス <input type="email" name="email" autocomplete="email" placeholder="you@example.com" required></label>
  <label>メッセージ <textarea name="message" placeholder="ご用件をご記入ください" required></textarea></label>
  <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)">
  <label>この欄は空のままにしてください<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">送信</button>
</form>

Netlifyでのフォームの仕組み

Netlify FormsはNetlifyのホスティングに組み込まれています。検出を有効にすると、ビルドがHTMLを読み、送信をNetlifyの画面に保存します。JavaScriptの後にだけ存在するフォームは、静的なコピーも置かないと見つかりません。

2026年10月6日に確認しました。クレジットプランのフォーム送信は無料で上限がなく、クレジットを消費しません。Netlifyはこの変更を2026年4月14日付としています。2025年9月4日より前に開いたアカウントの旧プランは、サイトあたり月100件です。それを超えると、有料のレベルへ移ることがあります。

Netlifyでの設定手順

  1. Formgongでフォームを作り、キーをコピーします。サイトはNetlifyでも、ほかの場所でも公開できます。
  2. HTMLフォームを貼ります。data-netlify も netlify も付けないでください。action は https://formgong.com/submit です。
  3. 隠しの form-name は省きます。NetlifyのAJAXは application/x-www-form-urlencoded を求め、JSONは受けません。Formgongは通常のフォームPOSTとJSONを受けます。
  4. デプロイし、公開URLからテストを送ります。電話へ知らせるならFormgongでTelegramをつなぎます。Netlify自身の通知はメール、Slack、webhookです。
  5. Netlify Formsのファイル欄は欄ごとに1ファイルで、リクエストは8MBまでです。FormgongのファイルはPDF、JPEG、PNGで、1ファイル5MBまでです。

FormgongとNetlify Formsのどちら?

サイトをNetlifyに置き、メールかSlackで足りるならNetlify Formsです。クレジットプランでは送信は無料で上限がありません。

ホストを移すかもしれない、Telegramが要る、またはJavaScriptがフォームを描くならFormgongです。サイトごとの検出も、旧来の100件の上限もありません。

よくある質問

Netlify Formsの上限はいくつですか?

2026年10月6日に確認しました。クレジットプランは無料で上限がなく、送信はもうクレジットを使いません。旧プランはサイトあたり月100件の確認済み送信で、その先は有料レベルです。

Netlify Formsは無料ですか?

クレジットプランでは無料です。対象はNetlifyにホストしたサイトだけです。Freeのクレジットプランは0ドルです。Personalは月9ドル、Proは20ドルからです。旧サイトは今もサイトあたり100件です。

Reactのフォームが出ないのはなぜですか?

Netlifyはビルドの終わりにHTMLを読みます。同じフィールド名の静的な隠しフォームを足すか、検出を飛ばしてFormgongへ直接送ります。

Netlify FormsはTelegramへ送れますか?

組み込みの通知としては送れません。Netlifyが挙げるのはメール、Slack、webhookです。FormgongはFreeを含むすべてのプランでTelegramへ送ります。

無料ではじめる