Feature / Form 14

FW JS 公開側

公開申込フォーム

ログインなしで問い合わせ、申込、予約、資料請求を受け付けます。

公開申込フォームは、顧客や見込み客がログインせずに必要事項を入力し、問い合わせ、申込、予約、資料請求などを送信するための入口です。Roundtableでは「誰が入力するか」「送信後に何を登録するか」「担当者へどう通知するか」を言葉にしておくと、発注者、実装者、AIに指示する人の認識を合わせやすくなります。

公開申込フォームで問い合わせ種別、氏名、会社名、連絡先、希望内容を入力して送信する業務画面例

この機能でできること

公開URLから、氏名、会社名、メールアドレス、電話番号、希望サービス、希望日時、問い合わせ内容、同意チェックなどを受け付け、送信内容を問い合わせ、申込、予約、資料請求などのデータとして保存できます。送信後は完了画面、自動返信メール、管理者通知、担当割当、ステータス更新へつなげられます。必要に応じて確認画面、必須チェック、重複チェック、スパム対策、受付停止表示も組み合わせられます。

ログイン不要の入口は、保存先と通知先を先に決めると運用しやすくなります。 フォームから届いた内容を誰が確認し、どの一覧に入り、どのステータスから対応を始めるかを決めておくと、公開後の取りこぼしを防げます。

よくある利用場面

問い合わせ受付 サービスサイトやLPから相談内容を受け付け、担当者へ通知して対応を開始します。
申込・予約受付 体験会、面談、イベント、来店、資料請求などの申込情報を公開フォームで集めます。
外部サイトからの導線 広告、メール、QRコード、SNS、外部ホームページから直接入力ページへ誘導します。

プロンプト例

公開するURL、入力項目、保存先、送信後の表示、自動返信、管理者通知、受付条件をセットで伝えると、実装範囲を決めやすくなります。

プロンプト ログイン不要の公開申込フォームを作ってください。入力項目は問い合わせ種別、会社名、氏名、メールアドレス、電話番号、希望日時、相談内容、個人情報同意チェックです。送信前に必須チェックと確認画面を表示し、送信後は問い合わせデータとして保存してください。完了画面を表示し、申込者へ自動返信メール、管理者へ通知メールを送ってください。管理側では未対応の問い合わせとして一覧に入り、担当者とステータスを変更できるようにしてください。

この機能を使うときのポイント

受付目的問い合わせ、予約、申込、資料請求など、フォーム送信後に何のデータとして扱うかを決めます。
入力項目公開側で必ず聞く項目と、後から管理側で補う項目を分けると入力負担を抑えられます。
通知と担当割当送信後に誰へ通知し、どの担当者やステータスで対応を始めるかを整理します。
公開条件受付期間、定員、重複申込、スパム対策、同意文言、個人情報の扱いを確認します。

この機能を実装するときのコツ

公開申込フォームは、`public_pages` のログイン不要ページとして入口を作り、保存処理では公開側から渡された値を必ずサーバー側で再検証します。入力途中の表示、確認画面、完了画面は別テンプレートや部分更新に分けると、戻る操作やエラー表示を整理しやすくなります。保存先データには受付日時、受付経路、初期ステータス、通知済み情報を持たせると、管理側の一覧、担当割当、対応履歴へ自然につなげられます。