使い方
Pitform はフォームの「送信先」だけを提供します。フォームの見た目はあなたのサイトのままで構いません。
1. 基本の設置
ダッシュボードでフォームを作ると発行されるURLを、action に指定します。name 属性の付いた項目がそのまま届きます。
<form action="https://pitform.app/f/あなたのID" method="POST">
<input type="text" name="name">
<input type="email" name="email">
<textarea name="message"></textarea>
<button type="submit">送信</button>
</form>2. スパム対策
次の1行を入れておくと、botの送信を自動で止めます(送信者側には成功したように見せるので、bot に対策の存在を悟らせません)。
<!-- 人間には見えない項目。botが埋めると自動で破棄されます -->
<input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off">設定の一般タブでは、フォームと無関係な売り込みを内容から見分ける「AI フィルター」も有効にできます。判定基準は AI の下書きを確認して自由に直せます。止めた送信はスパムタブに理由付きで残り、誤検知なら受信箱へ戻せます。
3. JavaScript から送る
Accept: application/json を付けるとJSONで応答します。ページ遷移せずに送信したいときに使ってください。
const res = await fetch('https://pitform.app/f/あなたのID', {
method: 'POST',
headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
body: JSON.stringify({ name, email, message })
});
const result = await res.json(); // { ok: true, id: "..." }4. そのほかの設定
送信後の遷移先や返信先など、そのほかの設定はダッシュボードのフォーム設定から変更できます。
スマホで通知を受け取る
受信箱をスマホのブラウザで開き、「通知をオンにする」を押すだけです。
iPhone / iPad は、ホーム画面に追加した状態でないと通知を受け取れません(iOS の仕様)。追加は Safari から行ってください。Chrome などのブラウザでは、共有メニューに「ホーム画面に追加」が出てきません。
Safari でこのサイトを開き、アドレスバーの「…」から「共有」をタップして、 スクロールして「ホーム画面に追加」を選びます。あとはホーム画面に増えたアイコンから開き直し、受信箱で通知をオンにしてください。 ブラウザのタブから開いたままだと、通知のボタンが出ません。