静的フォームは完成して見えても送信先がないことがあります。Posty5がレンダリングするページでは、独自endpointや外部スクリプトなしで通常のHTMLフォームを取得します。対象はPosty5のHTML HostingとPage Builderだけです。
「バックエンドなし」の意味
Posty5はレンダリング時にハンドラーを追加します。すべてのformを監視し、name付き項目を集めて保存します。action、隠し項目、JavaScriptライブラリは不要です。
2種類のページに共通の仕組み
HTML HostingとPage Builderで動作します。
役立つフォームを書く
各項目にname、form本体にidまたはnameを付けます。分かりやすい名前は保存値と出力列を識別します。
<form id="contact-form" name="contact">
<label for="full-name">氏名</label>
<input id="full-name" name="full_name" type="text" required>
<label for="email">メールアドレス</label>
<input id="email" name="email" type="email" required>
<label for="message">メッセージ</label>
<textarea id="message" name="message" required></textarea>
<button type="submit">送信</button>
</form>複数のformを置けます。Posty5は__form_id__と__form_name__を保存します。ファイル項目は除外されます。
訪問者に見える動作
送信中はローダー、その後は翻訳があれば該当言語、なければ英語のメッセージが表示されます。成功後にフォームはリセットされます。
送信内容の保存先
HTML HostingまたはPage Builderの送信エリアに表示され、項目、状態、利用可能な件数を確認できます。
HTML Hostingを開く出力と自動化
Excel出力があります。アカウントで利用可能な場合はGoogle Sheetsも表示されます。npm SDKとn8nノードは読み取り用で、webhookを約束するものではありません。
重要な範囲
ファイルは取得されません。スパム対策、CAPTCHA、メール、webhook、保持期間、サーバー検証を前提にしないでください。
よくある質問
actionは必要ですか？
いいえ。Posty5がレンダリングする全formを取得します。
送信はどこにありますか？
ダッシュボードの該当送信エリアです。
出力できますか？
Excelに出力できます。Google Sheetsはアカウントによります。
複数のformを使えますか？
はい。異なるidまたはnameを付けます。
Posty5以外でも動きますか？
いいえ。スクリプトはPosty5 rendererが追加します。
ファイルを取得しますか？
いいえ。ファイル値は除外されます。
フォーム付きページを公開
フォームを公開し、テスト送信をダッシュボードで確認してください。 HTML Hosting完全ガイドを読む.
HTML Hostingを開くページを準備する — HTML Hosting
単独で動くHTMLファイルを用意し、Posty5で公開して公開リンクを確認し、必要に応じて後からソースを更新します。
