フォームビルダー

フォームビルダーの概要

ねこすけCMSのフォームビルダーは、CRMとの自動連携を前提に設計された独自フォームシステムです。Contact Form 7などの外部プラグインに依存せず、フォーム送信と同時にWordPressユーザーの自動作成・属性の自動付与まで一気通貫で処理します。

フォームの作成

基本手順

1. ねこすけCMS → フォーム → 新規作成 を開きます。
2. フォーム名を入力し、所属プロジェクトを選択。
3. フィールドを追加：連携メタキー（紐づけるCRM項目）を選択すると、ラベルと変数名が自動入力されます。
4. 各フィールドの詳細設定（プレースホルダ、CSS、必須、初期値等）を調整。
5. 送信ボタンのラベル・CSS・IDを設定。
6. 保存後、固定ページ自動生成 ボタンで専用ページが作成されます。

フォームフィールドの設定

特殊な連携項目

フォーム送信時の処理フロー

フォームが送信されると、以下の処理が自動的に実行されます。

1. ユーザー照合/作成: 送信されたメールアドレスで既存ユーザーを検索。見つからない場合は新規WordPressユーザーを自動作成。
2. 名前の更新: 送信された名前で display_name / nickname を更新。
3. メタデータ保存: 連携メタキーに基づき、各フィールドの値を usermeta に保存。
4. 属性ルール適用: フォームに属性ルールが設定されている場合、自動的に属性を変更（例：「フォームA回答者」属性を付与）。
5. 自動返信メール: 設定されたメールテンプレートで自動返信メールを送信。
6. リダイレクト: サンクスページへ自動遷移。

固定ページの自動生成

フォーム編集画面の 固定ページ自動生成 ボタンをクリックすると、フォーム表示用の固定ページが自動作成されます。

URL構造

/{プロジェクトスラッグ}/form{フォームID}/

例：プロジェクトが「main-site」、フォームIDが5の場合

/main-site/form5/

カスタムCSS

フォームごとにカスタムCSSを設定できます。フォーム編集画面の カスタムCSS 欄に記述すると、そのフォーム表示ページにのみ適用されます。

/* 例：入力欄のスタイル変更 */
.necosuke-form input[type="text"] {
    border: 2px solid #2563eb;
    border-radius: 8px;
    padding: 12px 16px;
}

.necosuke-form .submit-btn {
    background: #f97316;
    color: white;
    font-size: 1.125rem;
}

活用パターン

パターン1：お問い合わせフォーム

• 連携項目：名前（user data）、メールアドレス（user data）、会社名、お問い合わせ内容
• 自動返信メール：受付確認テンプレート
• 属性ルール：「問い合わせ済み = true」を自動付与

パターン2：セミナー申込フォーム

• 連携項目：名前、メール、電話番号、参加希望日
• 自動返信メール：申込確認 + セミナー詳細テンプレート
• 属性ルール：「セミナー参加者」属性を付与 → ステップメール開始

パターン3：資料請求フォーム

• 連携項目：名前、メール、会社名、従業員数、興味のある機能（チェックボックス）
• 自動返信メール：資料DLリンク付きテンプレート
• 属性ルール：「資料請求者」+ ファネルフェーズを「認知→検討」に変更