ウェブサイトのフォーム送信を、そのままWhatsAppへメールへTelegramへDiscordへSlackへGoogle スプレッドシートへ

任意のHTMLフォームやサイトビルダーを、私たちのform APIに向けるだけ。お客様はサイト上で送信。あなたは数秒でWhatsAppにリードを受け取ります。

あらゆるウェブサイトで使える
バックエンド不要

はじめる

ずっと無料 · クレジットカード不要

実際の動きを見る

フォーム送信から通知まで、数秒で。

プロダクトツアー

フォームダッシュボードをひと目で

サンプルデータでFormsReachダッシュボードを探索。サイドバーをクリックして表示を切り替えます。

app.formsreach.com

ライブデモ

Overview

Playground

Opens a live HTML form that posts to this form's public endpoint. Successful tests appear under Submissions.

Preview

Embed form

Public hosted form for iframe embed on allowlisted domains.

https://api.formsreach.com/f/demo-form-contact

Copy iframeEdit in Form Builder

Integration

Copy a ready-to-paste snippet with this form's API key and submit URL.

HTMLJavaScriptReactNext.jsAstroNuxtSpam ProtectionCopy


<form action="https://api.formsreach.com/submit" method="POST">
  <input type="hidden" name="api_key" value="fr_demo_••••••••••••••••••••••••••••9a2f">
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>

  <button type="submit">Submit Form</button>
</form>

Search submissions...TestExport CSV

Received	age	attachment	email	message	name
Jul 29, 10:24 AM	34	-	jessica@studio.example	-	Jessica Miller
Jul 29, 9:45 AM	23	-	rahul@example.com	-	Rahul Verma
Jul 29, 12:35 AM	-	-	sophie@example.com	-	Sophie Clarke
Jul 28, 8:47 PM	-	-	a42be32f+test@formsreach.com	Playground test a42be32f	Sam Patel
Jul 28, 7:49 PM	-	-	0cd6daaf+test@formsreach.com	Playground test 0cd6daaf	Sam Patel
Jul 28, 1:52 PM	-	-	223c1aa0+test@formsreach.com	Playground test 223c1aa0	Casey Morgan
Jul 28, 12:18 PM	-	-	256fe98d+test@formsreach.com	Playground test 256fe98d	Jordan Lee
Jul 28, 10:47 AM	-	icon.png	edfd6bbd+test@formsreach.com	Playground test edfd6bbd	Casey Morgan
Jul 28, 8:28 AM	-	-	c2ab0614+test@formsreach.com	Playground test c2ab0614	Riley Chen
Jul 27, 9:27 PM	-	icon-1024.png	d8f3b7d6+test@formsreach.com	Playground test d8f3b7d6	Sam Patel

Received	age	attachment	email	message	name
Jul 28, 3:12 AM	-	-	promo@bulk-mail.example	Congrats! You won a free cruise...	Prize Desk
Jul 27, 11:04 PM	-	invoice.pdf	billing@not-your-bank.example	Urgent: verify your account	Security
Jul 26, 6:41 PM	-	-	seo@rank-now.example	We can put you on page 1 of Google	SEO Bot

enquiry-form

Overview

ライブデモ

Playground

Opens a live HTML form that posts to this form's public endpoint. Successful tests appear under Submissions.

Preview

Embed form

Public hosted form for iframe embed on allowlisted domains.

https://api.formsreach.com/f/demo-form-contact

Copy iframeEdit in Form Builder

Integration

Copy a ready-to-paste snippet with this form's API key and submit URL.

HTMLJavaScriptReactNext.jsAstroNuxtSpam ProtectionCopy


<form action="https://api.formsreach.com/submit" method="POST">
  <input type="hidden" name="api_key" value="fr_demo_••••••••••••••••••••••••••••9a2f">
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>

  <button type="submit">Submit Form</button>
</form>

Search submissions...TestExport CSV

Received	age	attachment	email	message	name
Jul 29, 10:24 AM	34	-	jessica@studio.example	-	Jessica Miller
Jul 29, 9:45 AM	23	-	rahul@example.com	-	Rahul Verma
Jul 29, 12:35 AM	-	-	sophie@example.com	-	Sophie Clarke
Jul 28, 8:47 PM	-	-	a42be32f+test@formsreach.com	Playground test a42be32f	Sam Patel
Jul 28, 7:49 PM	-	-	0cd6daaf+test@formsreach.com	Playground test 0cd6daaf	Sam Patel
Jul 28, 1:52 PM	-	-	223c1aa0+test@formsreach.com	Playground test 223c1aa0	Casey Morgan
Jul 28, 12:18 PM	-	-	256fe98d+test@formsreach.com	Playground test 256fe98d	Jordan Lee
Jul 28, 10:47 AM	-	icon.png	edfd6bbd+test@formsreach.com	Playground test edfd6bbd	Casey Morgan
Jul 28, 8:28 AM	-	-	c2ab0614+test@formsreach.com	Playground test c2ab0614	Riley Chen
Jul 27, 9:27 PM	-	icon-1024.png	d8f3b7d6+test@formsreach.com	Playground test d8f3b7d6	Sam Patel

Received	age	attachment	email	message	name
Jul 28, 3:12 AM	-	-	promo@bulk-mail.example	Congrats! You won a free cruise...	Prize Desk
Jul 27, 11:04 PM	-	invoice.pdf	billing@not-your-bank.example	Urgent: verify your account	Security
Jul 26, 6:41 PM	-	-	seo@rank-now.example	We can put you on page 1 of Google	SEO Bot

公開まで今朝。どんなサイトでも。

一度つなぐだけ。公開するどのサイトでもそのまま稼働。

フォームをFormsReachに向ける。
どのサイトのフォームでもAPIに接続できます。バックエンド不要。デザイン変更も不要。
WhatsApp番号を確認する。
WhatsApp通知を受け取る番号向けのワンタイムOTP。
問い合わせは、あなたが返信する場所に届く。
送信は、すでに返信している場所に数秒で届きます。

          + <form action="https://api.formsreach.com/submit" method="POST">+   <input type="hidden" name="api_key" value="YOUR_API_KEY" />    <input type="text" name="name" required />    <input type="email" name="email" required />    <textarea name="message" required></textarea>      <button type="submit">Submit Form</button>  </form>

<form action="https://api.formsreach.com/submit" method="POST">
  <input type="hidden" name="api_key" value="YOUR_API_KEY" />
  <input type="text" name="name" required />
  <input type="email" name="email" required />
  <textarea name="message" required></textarea>

  <button type="submit">Submit Form</button>
</form>

          <script src="https://unpkg.com/@formsreach/js/dist/formsreach.min.js"></script>

<script>
  FormsReach.init({ apiKey: 'YOUR_API_KEY' });
</script>

<form data-formsreach>
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>
  <button type="submit">Submit Form</button>
</form>

<script src="https://unpkg.com/@formsreach/js/dist/formsreach.min.js"></script>
<script>
  FormsReach.init({ apiKey: 'YOUR_API_KEY' });
</script>

<form data-formsreach>
  <input type="text" name="name" required />
  <input type="email" name="email" required />
  <textarea name="message" required></textarea>
  <button type="submit">Submit</button>
</form>

          // npm install @formsreach/react
import { useFormsReach } from '@formsreach/react';

function ContactForm() {
  const { submit, submitting } = useFormsReach('YOUR_API_KEY');

  return (
    <form onSubmit={submit}>
      <input type="text" name="name" required />
      <input type="email" name="email" required />
      <textarea name="message" required />
      <button type="submit" disabled={submitting}>Submit Form</button>
    </form>
  );
}

// npm install @formsreach/react
import { useFormsReach } from '@formsreach/react';

function ContactForm() {
  const { submit, submitting } = useFormsReach('YOUR_API_KEY');

  return (
    <form onSubmit={submit}>
      <input type="text" name="name" required />
      <input type="email" name="email" required />
      <textarea name="message" required />
      <button type="submit" disabled={submitting}>Submit Form</button>
    </form>
  );
}

          // npm install @formsreach/react
'use client';

import { useFormsReach } from '@formsreach/react';

export default function ContactForm() {
  const { submit, submitting } = useFormsReach('YOUR_API_KEY');

  return (
    <form onSubmit={submit}>
      <input type="text" name="name" required />
      <input type="email" name="email" required />
      <textarea name="message" required />
      <button type="submit" disabled={submitting}>Submit Form</button>
    </form>
  );
}

// npm install @formsreach/react
'use client';

import { useFormsReach } from '@formsreach/react';

export default function ContactForm() {
  const { submit, submitting } = useFormsReach('YOUR_API_KEY');

  return (
    <form onSubmit={submit}>
      <input type="text" name="name" required />
      <input type="email" name="email" required />
      <textarea name="message" required />
      <button type="submit" disabled={submitting}>Submit Form</button>
    </form>
  );
}

          <!-- npm install @formsreach/vue -->
<script setup>
import { useFormsReach } from '@formsreach/vue';

const { submit, submitting } = useFormsReach('YOUR_API_KEY');
</script>

<template>
  <form @submit.prevent="submit">
    <input type="text" name="name" required />
    <input type="email" name="email" required />
    <textarea name="message" required />
    <button type="submit" :disabled="submitting">Submit Form</button>
  </form>
</template>

<!-- npm install @formsreach/vue -->
<script setup>
import { useFormsReach } from '@formsreach/vue';

const { submit, submitting } = useFormsReach('YOUR_API_KEY');
</script>

<template>
  <form @submit.prevent="submit">
    <input type="text" name="name" required />
    <input type="email" name="email" required />
    <textarea name="message" required />
    <button type="submit" :disabled="submitting">Submit Form</button>
  </form>
</template>

          <!-- npm install @formsreach/vue -->
<script setup>
import { useFormsReach } from '@formsreach/vue';

const { submit, submitting } = useFormsReach('YOUR_API_KEY');
</script>

<template>
  <form @submit.prevent="submit">
    <input type="text" name="name" required />
    <input type="email" name="email" required />
    <textarea name="message" required />
    <button type="submit" :disabled="submitting">Submit Form</button>
  </form>
</template>

<!-- npm install @formsreach/vue -->
<script setup>
import { useFormsReach } from '@formsreach/vue';

const { submit, submitting } = useFormsReach('YOUR_API_KEY');
</script>

<template>
  <form @submit.prevent="submit">
    <input type="text" name="name" required />
    <input type="email" name="email" required />
    <textarea name="message" required />
    <button type="submit" :disabled="submitting">Submit Form</button>
  </form>
</template>

          ---
// src/components/ContactForm.astro
---
<form action="https://api.formsreach.com/submit" method="POST">
  <input type="hidden" name="api_key" value="YOUR_API_KEY">
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>

  <button type="submit">Submit Form</button>
</form>

---
// src/components/ContactForm.astro
---
<form action="https://api.formsreach.com/submit" method="POST">
  <input type="hidden" name="api_key" value="YOUR_API_KEY">
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>

  <button type="submit">Submit Form</button>
</form>

          <!-- ContactForm.svelte - plain form POST, no Svelte SDK package -->
<form action="https://api.formsreach.com/submit" method="POST">
  <input type="hidden" name="api_key" value="YOUR_API_KEY">
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>

  <button type="submit">Submit Form</button>
</form>

<!-- ContactForm.svelte - plain form POST, no Svelte SDK package -->
<form action="https://api.formsreach.com/submit" method="POST">
  <input type="hidden" name="api_key" value="YOUR_API_KEY" />
  <input type="text" name="name" required />
  <input type="email" name="email" required />
  <textarea name="message" required></textarea>

  <button type="submit">Submit Form</button>
</form>

Create your form. Make it live.

Design fields, theme, and colors below. Copy the HTML into your site, then point the form at FormsReach so submissions go live.

Add field

Fields

Click a field to edit. Drag the handle or use arrows to reorder.

Form settings

Theme

Accent color

Action URLSubmit label

Ready to go live? Get a free API key

フォームに必要なすべてが、あらかじめ内蔵

どのサイトのフォームでもFormsReachに接続できます。スパムフィルタとシンプルな月次クレジットプール付き。

WhatsApp通知

フォーム送信は数秒でWhatsAppに届きます - 整形済み、お客様の番号はタップするだけ。このプロダクトの中核機能です。

ドラッグ＆ドロップのフォームビルダー

開発者がいなくても大丈夫。フィールド、ラベル、レイアウトを視覚的に設計し、数分で公開。form-builderのサブスクなしでフォームを作れます。

どこにでもフォームを埋め込み

1行コピーするだけで、ホスト済みフォームがページに表示 - Webflow、WordPress、またはプレーンHTML。あなたのサイト、あなたのスタイル、作り直しゼロ。

フォームルール

回答に応じて問い合わせを振り分け - 「Chennaiのリード → この番号、Bangalore → あの番号」。条件分岐、フィールド検証、スマートルーティング。

Form APIs

フォームごとにクリーンなREST endpoint。任意のHTMLフォームを向けるか、任意のスタックからJSONを送信 - サーバー不要、PHP不要。email、WhatsApp、webhooks、またはすべてへルーティング。

スパム検出

すべてのプランにhoneypot + スマートフィルタリング（無料プラン含む）。ボットはinboxにもWhatsAppにも入りません。

送信後のカスタムリダイレクト

送信後、任意のお礼ページへ誘導。あなたのURL、あなたのデザイン - lock-inなし、強制ブランディングページなし。

email配信込み

問い合わせはinboxにも届きます。記録にはemail、スピードにはWhatsApp、または両方 - 同じ月次クレジットプールから。

安全で暗号化

転送中はHTTPS、保管時も暗号化。Indiaリージョンのインフラに保存。初日からDPDPを意識。データを売ることはありません。

送信ダッシュボード

すべての問い合わせを保存し、検索可能に。返信はWhatsApp、見失わない場所はダッシュボード。

近日公開

オートレスポンダー

お客様にすぐ確認を送信 - 「お問い合わせを受け付けました。1時間以内にご連絡します」 - その間にあなたへも通知。

フォーム分析

各フォームの閲覧、送信、コンバージョン。どのページが問い合わせを生み、どれが逃しているかを把握。

Webhooksと連携

送信をGoogle Sheets、CRM、Slack、またはwebhooksとZapier経由でどこへでもプッシュ。

まずWhatsApp。それからどこへでも。

お客様が返信する場所から始めましょう。成長に合わせてemail、Telegram、Discord、Sheetsなどへ広げられます。

WhatsApp
Email
Webhooks
Telegram
Discord
Google Sheets
Slack

フォームバックエンドを比較

Formspree、Web3Forms、Basin などを公平に比較。無料枠、料金、WhatsApp が合う場面まで。

シンプルなクレジットベース料金

月次クレジットで支払います。ボリュームに応じてFreeからAgencyへ。WhatsAppはProで解除。

Save 17%

人気No.1

Pro

Starterのすべて、さらにWhatsApp。

$7.50/ 月

2 months free · billed $90 / year

+ 税金

毎月5,000クレジット
Starterのすべて
WhatsApp配信が解放
email配信
Webhooksとワークフロールール
スパムフィルタ込み

Proを選ぶ

より大きなボリュームやカスタム条件が必要ですか？ support@formsreach.com まで

Free: 月500クレジット。WhatsAppはProから。

料金の詳細

よくある質問。

FormsReach、クレジット、始め方に関するよくある質問。

公式のWhatsApp連携ですか？

はい。FormsReachは公式のMeta WhatsApp Business API上に構築されています - 大手ブランドと同じインフラです。ブラウザハックでも非公式modでもありません。番号は安全に保たれ、メッセージは検証済みのbusiness送信者から届きます。

FormsReachはform APIですか、それともフォームビルダーですか？

FormsReachはまずcontact form APIとして提供されます - サーバーやバックエンドコードなしで、HTMLの問い合わせフォームやサイトビルダーのフォームを向けるendpointです。すべてのプランでemailによるフォーム送信の配信が可能です。ProとAgencyでは、公式のMeta WhatsApp Business API経由でWhatsApp配信も可能で、共有の月次クレジットプールから計測されます。ドラッグ＆ドロップのフォームビルダーはroadmapにあります（機能一覧では近日公開）。

お客様側に必要なものはありますか？

いいえ。お客様はウェブサイト上の通常のフォームに記入するだけです。配信設定に応じて、あなたはemailおよび/またはWhatsAppで問い合わせを受け取ります。

Webflow、WordPress、Framer、HTMLフォームに対応していますか？

はい。Webflow、Framer、Wix、WordPress、Shopify、Squarespace、手書き/静的HTMLサイトに対応。サイトにフォームがあれば、FormsReachはemailとWhatsAppで送信を届けられます。

スパム対策は？

すべてのプランにスパムフィルタ（honeypot + スマート検出）が含まれます。ボットはemail inboxにもWhatsAppにも入りません。コア機能であり、add-onではありません。

いくらかかりますか？

料金はクレジットベースです。Freeは$0で毎月500クレジット。Starterは$5/mo（$50/yr）または₹123/mo（年払い時₹99/mo）で2,000クレジット。Proは$9/mo（$90/yr）または₹399/mo（年払い時₹299/mo）で5,000クレジット、WhatsAppが解放されます。Agencyは$29/mo（$290/yr）または₹1,299/mo（年払い時₹999/mo）で18,000クレジット。有料プランは+ taxes。年払いがデフォルト選択です。クレジットコストとWhatsApp国帯はformsreach.com/pricingを参照。

クレジットが尽きたらどうなりますか？

使用量が80%と100%で警告があります。クレジットが0になると、アップグレード、クレジット追加購入（利用可能時）、または次の月次リセットまで新規フォーム送信は拒否されます。残クレジットで次のアクションを賄えない場合も、チャネルは停止します。

いつローンチしますか？

FormsReachはすでにライブです。app.formsreach.comでアカウントを作成 - Freeにはemail、webhooks、ワークフロールールと月次クレジットプールが含まれます。WhatsAppはProとAgencyで利用可能です。

データは安全ですか？

問い合わせデータは暗号化され、Indiaリージョンのインフラに保存され、販売されることはありません。詳細はプライバシーポリシーをご覧ください。初日からDPDP準拠を目指して構築しています。

多数のクライアントサイトを持つ制作会社です。料金は？

サイト横断の高ボリュームにはAgency（$29/moまたは₹1,299/mo、月18,000クレジット）をご利用ください。マルチサイトダッシュボードとwhite-labelはroadmapにあります。カスタム条件が必要な場合はsupport@formsreach.comまでご連絡ください。

ウェブサイトのフォーム送信を、そのままWhatsAppへメールへTelegramへDiscordへSlackへGoogle スプレッドシートへ

実際の動きを見る

フォームダッシュボードをひと目で

Overview

公開まで 今朝。どんなサイトでも。

フォームをFormsReachに向ける。

WhatsApp番号を確認する。

問い合わせは、あなたが返信する場所に届く。

Create your form. Make it live.

フォームに必要なすべてが、あらかじめ内蔵

WhatsApp通知

ドラッグ＆ドロップのフォームビルダー

どこにでもフォームを埋め込み

フォームルール

Form APIs

スパム検出

送信後のカスタムリダイレクト

email配信込み

安全で暗号化

送信ダッシュボード

オートレスポンダー

フォーム分析

Webhooksと連携

まずWhatsApp。それからどこへでも。

フォームバックエンドを比較

シンプルなクレジットベース料金

Free

Starter

Pro

Agency

よくある質問。

公開まで今朝。どんなサイトでも。