この画面でできること
フォームビルダーは、会員登録・申込み・アンケートなどのフォームをノーコードで作成する機能です。入力項目とWordPressの会員データ(ユーザーメタ)を直接紐付けられるため、送信と同時に会員の登録・更新、属性の付与、自動返信メールの送信までを自動化できます。
画面の開き方
左メニューの「ねこすけCMS」→「アクション」→ 画面上部タブ「フォーム」をクリックします。
一覧画面の見方
ID・プロジェクト・タイトルで絞り込みできます(初期表示はデフォルトプロジェクトで絞り込み済み)。一覧には状態・プロジェクト・タイトル・ショートコードが表示されます。
| 操作ボタン | 機能 |
|---|---|
| 編集 | フォームの編集画面へ |
| コピー | フォームを複製(自動返信メールテンプレートも一緒に複製。タイトルに「(コピー)」が付き、状態は「無効」で作成) |
| 削除 | フォームを削除(確認ダイアログあり) |
| 申込者一覧 | このフォームの送信データ一覧へ(送信データの管理参照) |
| 自動生成 / 確認・ページ編集 | 設置用の固定ページを自動生成(設置と公開参照) |
フォームの作成手順
1. 新規追加
- 一覧右上の「追加」ボタンをクリックします。
- プロジェクト(必須)とタイトルを入力します。追加適用アクション・送信メール・LINE自動返信テンプレートは、この時点で選択しても、後から編集画面で設定しても構いません。
- 「保存して詳細編集画面へ」をクリックすると、フォーム編集画面に移動します。
2. 編集画面の構成
編集画面の設定項目は、目的別に7つのグループに分かれています。最後に「設定を保存する」をクリックして保存します。
| グループ | 主な内容 |
|---|---|
| 1. 全体 | プロジェクト・フェーズ・タイトル・状態(有効/無効)、SNS連携フォーム、問い合わせ用フォーム、メタ情報の上書き設定 |
| 2. ページ関連 | ショートコード・設置ページ・サンクスページURL(設置と公開) |
| 3. フォーム関連 | フォームフィールド設定・管理項目・説明文・デザイン・送信ボタン |
| 4. 自動返信 | 自動返信メール・LINE自動返信・管理者への通知(送信後の処理) |
| 5. アクション | 追加適用アクション(送信後の処理) |
| 6. URLパラメータ | URLパラメータによる事前入力とQRコード(設置と公開) |
| 7. メモ | 管理者用メモ |
フォームフィールド設定(入力項目の定義)
グループ「3. フォーム関連」の「フォームフィールド設定」で、「フィールドを追加」をクリックして入力項目を1行ずつ定義します。行の左端をドラッグすると表示順を並べ替えられます。
| 列 | 説明 |
|---|---|
| 連携メタキー | 入力値の保存先となる会員データの項目。選択するとラベル・変数名・タイプが自動入力されます(下記参照) |
| ラベル | フォームに表示される項目名(例: お名前) |
| 変数名 (name) | 内部的な識別子(HTMLのname属性)。メールへの差し込みにも使います |
| タイプ | テキスト / メールアドレス / 電話番号 / 郵便番号 / URL / テキストエリア / 数値 / 日付 / セレクト / チェック / ラジオ / 非表示 |
| 必須 | チェックすると入力必須になります |
| 操作 | 「詳細」で追加設定を開閉、「削除」で行を削除 |
連携メタキー(会員データへのマッピング)
- 氏名(userデータ) / メールアドレス(userデータ): 特別な項目です。WordPress会員の表示名・ログイン用メールアドレスに直接保存され、会員の特定・作成のキーになります。選択すると必須が自動でONになります。
- その他のメタキー: ユーザーメタ定義で定義した項目(電話番号・会社名など)が候補に並びます。送信値はその会員のユーザーメタに保存され、ユーザー詳細画面や差し込み変数で利用できます。
- (連携しない): 送信データにだけ残る一時的な項目になります(例: お問い合わせ本文)。会員データには保存されませんが、自動返信メールに {変数名} で差し込めます。
💡 ポイント: tel(電話番号)・zip(郵便番号)などの定番キーを選ぶと、都道府県の選択肢や必須設定まで自動でセットされます。送信時にも形式チェックと整形(電話・郵便番号のハイフン統一など)が自動で行われます。
「詳細」で設定できる項目
各行の「詳細」ボタンを押すと、次の追加設定が開きます。
| 項目 | 説明 |
|---|---|
| CSSクラス / ID属性 | フォーム要素に付与するclass・id |
| プレースホルダー | 入力欄に薄く表示する入力例 |
| 初期値 (Default Value) | 初期表示する値(非表示タイプの値もここで指定) |
| 選択肢 (カンマ区切り) | セレクト・チェック・ラジオの候補(例: はい,いいえ) |
| 最小日付 (min) / 最大日付 (max) | 日付タイプで選択可能な範囲を制限 |
| 上のコメント / 下のコメント | ラベルの上・入力欄の下に表示する補足文 |
| 個別エラーメッセージ | この項目専用のエラー文言 |
| バリデーション正規表現 | 入力値の独自チェックルール(例: ^[0-9]+$) |
注意点
- 氏名とメールアドレスは原則必須で用意してください。 会員の作成・特定に「メールアドレス(userデータ)」が使われます。また氏名(userデータ)は「姓 名」のように姓と名の間にスペースが無いとエラーになります。
- 変数名(name)はフォーム内で重複しないようにしてください。自動返信メールの {変数名} 差し込みやURLパラメータの対象フィールド指定にもこの名前を使います。
- ファイルアップロード項目には対応していません。
- 作成直後のフォームでも、状態が「無効」のままでは送信できません。公開前に「有効」へ切り替えてください。
