つくるフェーズ
フォーム作成・管理機能 複数フォームを作成・公開できる自社サイト用フォームビルダー
フォーム作成・管理機能は、お問い合わせ、資料請求、採用応募、イベント申込み、アンケート、会員向け申請など、用途に応じたフォームを管理画面から作成・運用できる機能です。
入力項目、公開URL、通知メール、完了画面などをフォームごとに設定できるため、軽微な変更のたびにプログラムを修正する必要がありません。
本デモでは、フォームの作成から公開、送信データの管理まで、一連の流れを確認できる構成を想定しています。
このデモで確認できること
本デモでは、フォーム運用に必要となる基本機能を確認できます。
- 複数フォームの作成
- フォームごとの公開URL設定
- 入力項目の追加・編集
- 必須・任意・非表示の切り替え
- 完了画面文言の設定
- 管理者通知・お礼メール
- ファイル・画像アップロード
- 会員情報の自動入力
- 郵便番号による住所補完
- 送信内容の管理
用途ごとに複数のフォームを管理
フォーム作成・管理機能では、1つのフォームだけでなく、用途ごとに複数のフォームを作成できます。
例えば、次のようなフォームをそれぞれ別フォームとして管理できます。
- お問い合わせフォーム
- 資料請求フォーム
- 採用応募フォーム
- イベント申込みフォーム
- アンケート
- セミナー申込み
- 会員向け申請フォーム
- 各種受付フォーム
フォームごとに入力項目、通知メール、完了画面、公開状態を分けられるため、外部フォームサービスに頼らず、自社サイト内で複数用途のフォームを運用できます。
フォームごとに公開URLを設定
作成したフォームには、それぞれ個別のURLを設定できます。
例えば、次のように用途に合わせたパスで公開できます。
/contact/request/recruit/event/member/application
広告、メール、SNS、QRコード、会員ページなどから、目的に合ったフォームへ直接誘導できます。
管理画面から入力項目を作成
入力項目は管理画面から追加・編集できます。
対応できる入力形式は、テキスト、テキストエリア、ラジオボタン、チェックボックス、セレクトボックス、日付、ファイル、画像などです。
- テキスト
- テキストエリア
- ラジオボタン
- チェックボックス
- セレクトボックス
- 日付
- ファイル
- 画像
各項目ごとに、必須、任意、非表示を切り替えられるため、運用中のフォーム変更にも柔軟に対応できます。
一時的に利用しない項目も削除せずに残せるため、キャンペーンや期間限定フォームにも利用できます。
入力を支援する機能
入力の負担を減らすため、会員管理機能と連携した自動入力にも対応できます。
ログイン中の利用者であれば、氏名、メールアドレス、住所などの会員情報をフォームへあらかじめ反映できます。
また、郵便番号を入力すると都道府県や住所候補を取得し、住所入力を補助できます。候補が複数ある場合は、候補を選択して番地や建物名を入力する流れにできます。
入力作業を減らすことで、入力ミスや途中離脱の防止につながります。
完了画面とメール通知をフォームごとに設定
フォームごとに、送信完了後の画面やメール通知を設定できます。
完了画面には、「お問い合わせありがとうございます」「資料請求を受け付けました」「担当者よりご連絡いたします」など、フォームの用途に合わせた案内を表示できます。
- 管理者への通知メール
- 送信者への受付完了メール
- フォームごとの件名・本文調整
- 送信内容のメール本文への差し込み
必要に応じて、Slack・メール通知などの仕組みとも組み合わせられます。
送信内容を管理画面で確認
送信された内容は、管理画面から一覧で確認できます。
送信日時、送信者、入力内容、添付ファイルなどをまとめて管理できるため、お問い合わせ管理や資料請求管理としても利用できます。
対応状況や担当者メモなどを追加すれば、受付後の業務フローに合わせた管理画面へ発展させることも可能です。
自社サイトに組み込めるフォームビルダー
フォーム作成・管理機能は、Googleフォームのように管理画面から入力項目を組み合わせてフォームを作れる機能です。
一方で、外部サービスではなく自社サイト内で運用するため、サイトデザインとの統一、会員情報との連携、管理画面での一元管理、メール通知、業務システムとの連携など、自社システムならではの柔軟な拡張が可能です。
簡易的にフォームを作れる便利さと、自社システムとして拡張できる柔軟性を両立したフォーム機能です。
他の機能と組み合わせて利用できます
フォームは単独で利用するだけでなく、他の機能と組み合わせることで、より実用的なWebシステムを構築できます。
- 管理画面での送信内容管理
- 会員管理機能との連携
- 地域データ検索システムからの一括問い合わせ
- 簡易予約システムとの組み合わせ
必要な機能から導入し、運用しながら段階的に拡張できることも、このデモの特徴です。
まとめ
フォーム作成・管理機能は、お問い合わせフォームを作るためだけの機能ではありません。
用途ごとに複数のフォームを作成し、それぞれに入力項目、公開URL、通知メール、完了画面などを設定することで、資料請求、採用応募、イベント申込み、各種申請など、さまざまな受付業務へ活用できます。
Laravel・スクラッチ開発を前提に、管理画面、会員管理、通知、検索、予約などと組み合わせながら、お客様の業務に合わせたフォーム管理システムとして拡張できます。
関連コンテンツ
Development つくるフェーズ
- フロントエンド・JavaScript実装
- コーディング技術
- クローラー設計
- E-E-A-T設計
- Schema設計
- アクセシビリティ設計
- API接続・システム連携
- WordPress・CMS
- ヘッドレスCMS
- JsonSnapshot設計
- スクラッチ開発・機能開発
- データ移行・CMSコンバート
- 品質管理・テスト設計
- デザインを構造として組む
- 実装ズレを潰す手順
- アクセシビリティをデザイン工程に埋める
- 運用前提のデザイン
- Webシステム管理画面スターターキット
- 会員管理機能
- 地域データ検索システム
- 地域データ検索システム
- フォーム作成・管理機能
- 簡易予約システム
- Slack Mail Notify
- Task Flow Manager