CV (= 成果到達) を発生させるための 入力フォーム を作成・管理するタブです。問い合わせ / 資料請求 / セミナー申込 / 商談予約 など、サイト上の すべてのフォームをここで管理します。
1. 用語集
フォーム
訪問者が情報を入力して送信する画面。問い合わせ / 資料請求 / 申込 / 予約 などに使います。
フィールド (= 入力項目)
フォーム内の 個別の入力欄。例: 「会社名」「氏名」「メールアドレス」「お問い合わせ内容」 等。
EFO (= Entry Form Optimization)
フォーム最適化の略。入力中のエラー表示 / 自動入力支援 / 離脱抑止 などで CV 率を改善する施策の総称。
iframe 埋め込み
作ったフォームを 別サイトに 埋め込むための HTML タグ。コピペするだけで他社サイトでも 同じフォームが利用可能。
送信完了アクション
フォーム送信後の動作。例: お礼ページに飛ばす / サンクスメール送信 / Slack 通知 / 自動 LP 表示 等。
reCAPTCHA
スパム送信を防ぐ Google 製の機能。人間か機械かを判定して、機械的な送信を ブロックします。
A/B テスト
2 種類のフォームを 50:50 の比率で出し分けて、どちらが CV 率が高いか比較する仕組み。
自動応答メール
フォーム送信完了時に 送信者に自動で送られる確認メール。
2. このタブで何ができるか
| やりたいこと | 使う機能 |
|---|---|
| 新しいフォームを作る | フォームビルダー |
| 既存フォームを編集 | フォーム一覧 → 編集 |
| フォームをサイトに設置 | 共有 (= iframe 埋め込み) |
| 送信結果を見る | 結果集計 |
| 2 種類比較してテスト | A/B テスト |
| サンクスページ設定 | フォーム設定 → 完了後アクション |
3. フォーム一覧
ページ上部に作成済みフォームの一覧が表示されます。
| 列 | 説明 |
|---|---|
| フォーム名 | 管理用の名前 |
| 種類 | 問い合わせ / 資料請求 / セミナー予約 等 |
| 公開状態 | 公開中 / 一時停止 / 下書き |
| 送信数 | 期間中の累計送信数 |
| CV 率 | 表示回数に対する送信完了率 |
| 編集 / 複製 / 削除 / 結果 | 各種操作 |
4. フォームを新規作成 (= フォームビルダー)
「+ 新規フォーム」 ボタンから作成画面に入ります。
3 ペイン構成
| ペイン | 役割 |
|---|---|
| 左: フィールドパレット | 追加できる入力項目の一覧 |
| 中央: プレビュー | 作成中のフォームをリアルタイムで表示 |
| 右: フィールド設定 | 選択中のフィールドの詳細設定 |
追加できるフィールド種類
| フィールド | 用途 |
|---|---|
| テキスト 1 行 | 氏名 / 会社名 / 件名 等 |
| テキスト 複数行 | 問い合わせ内容 / 要望 |
| メールアドレス | 自動形式チェック付き |
| 電話番号 | 自動形式チェック付き |
| 数値 | 売上 / 従業員数 等 |
| 日付選択 | 訪問希望日 / 商談希望日 |
| 時間選択 | 商談希望時間 |
| ラジオボタン | 単一選択 (= 業種 / 規模 等) |
| チェックボックス | 複数選択 (= 関心分野) |
| プルダウン | 都道府県 / 業界 等の長い選択肢 |
| ファイル添付 | 履歴書 / 仕様書 等 |
設定可能なオプション
- 必須項目 / 任意項目
- プレースホルダー文字
- 入力例の説明文
- 文字数制限
- 入力形式チェック
ドラッグ&ドロップ
フィールドの並び替えはドラッグで自由に変更可能。
5. フォーム設定
基本設定
| 項目 | 内容 |
|---|---|
| フォーム名 | 管理用名 (= 訪問者には見えない) |
| タイトル | フォーム上部に表示される見出し |
| 説明文 | フォーム上部の案内テキスト |
| 送信ボタン文言 | 「送信する」 「申し込む」 等 |
完了後アクション (= 7 種類から選択)
| 種類 | 内容 |
|---|---|
| サンクスページ表示 | grip 内蔵のお礼画面を表示 |
| 指定 URL へリダイレクト | 別ページに飛ばす |
| 自動 LP 表示 | grip で作った LP を表示 |
| モーダル表示 | 同一ページ内にお礼モーダル |
| テキストメッセージ | 「ありがとうございました」 等の文言を 同一ページに表示 |
| 送信元へメール送信 | 自動応答メール |
| 管理者へ通知 | Slack / Chatwork / メールに通知 |
スパム対策
- reCAPTCHA v2 / v3 連携
- ハニーポット (= 非表示の罠フィールドで bot 検出)
- 連続送信制限
タグ発行
フォームをサイトに埋め込むための iframe / JavaScript タグを自動生成。コピペで他社サイトにも設置可能。
6. 公開と埋め込み (= フォーム共有)
公開 URL
各フォームに 専用 URL が発行されます。例: https://grip.space/f/abc123def
メールやチャットで直接シェア可能。
iframe 埋め込み
他サイト (= ワードプレス / 自社サイト等) に iframe で埋め込み可能。タグをコピーして相手のサイトに貼るだけで動作。
スクリプト埋め込み
JavaScript ベースの埋め込みも可能。こちらは自由なデザイン調整が可能。
QR コード生成
公開 URL の QR コード を自動生成。名刺 / DM / イベントポスター に印刷して利用。
7. 結果集計 (= フォーム結果)
各フォームの送信結果を一覧 / グラフで確認できます。
結果一覧
| 列 | 説明 |
|---|---|
| 送信日時 | 受信時刻 |
| 送信者 | 氏名 / 会社名 |
| 入力内容 | 各フィールドの値 |
| 送信元 IP | スパム判別用 |
| 詳細 | クリックで全項目の詳細 |
CSV エクスポート
「CSV ダウンロード」 で全件を CSV 出力。外部ツール (= Excel / Salesforce / HubSpot 等) で取込可能。
集計グラフ
- 日別送信数推移
- 必須項目の入力率
- 選択肢の人気度合い
- 離脱したフィールド (= EFO 分析)
通知連携
- 送信のたびに Slack / Chatwork / メールで通知
- 通知文面は自由カスタマイズ可
8. A/B テスト
2 種類以上のフォームを 同じ URL で出し分け て効果比較できます。
設定方法
- 「A/B テスト管理」 タブから新規テスト作成
- パターン A / パターン B のフォームを選択
- 表示比率を設定 (= 例 50:50)
- 公開 URL を 1 つだけ持ち、訪問者ごとに自動振り分け
比較する指標
- 送信完了率 (= CV 率)
- フィールドごとの離脱率
- 滞在時間
結果
A/B テスト結果画面で 各パターンの 数字を比較。統計的に有意な差が出たら勝ちパターンを採用。
9. よくある使い方
A. シンプルな問い合わせフォーム
- 新規フォーム作成 → 「問い合わせ」 テンプレ選択
- フィールド: 氏名 / メアド / 電話 / 問合内容
- 完了後アクション: サンクスページ + 自動応答メール
- iframe を サイトに埋め込み
- 結果集計で月次の問合件数を確認
B. 資料 DL フォーム
- 新規フォーム作成 → 必要最小限のフィールドのみ (= 氏名 / メアド / 会社名)
- 完了後アクション: 「自動 LP 表示」 で PDF DL リンク表示
- 送信時に Slack 通知で 営業担当者に即時連絡
- CSV 出力で営業ツールに取り込み
C. セミナー予約フォーム
- 新規フォーム作成
- フィールド: 氏名 / メアド / 希望日 (= 日付選択) / 希望時間
- 完了後アクション: カレンダー連携で自動予約登録
- 自動応答メールで Zoom URL を送信
D. A/B テストで CV 率改善
- パターン A: フィールド多め (= 10 項目)
- パターン B: フィールド少なめ (= 3 項目)
- 50:50 で 1 ヶ月配信
- CV 率が高い方を採用
10. トラブル時の確認
| 症状 | 確認 |
|---|---|
| フォームが表示されない | 公開状態が「下書き」 になっていないか確認 |
| 送信できない | 必須項目漏れ / reCAPTCHA エラー |
| メールが届かない | スパムフォルダ / 送信元設定 / 自動応答 ON 確認 |
| iframe で表示崩れ | iframe サイズ / 親 CSS の影響を確認 |
| QR コードが読めない | コード品質 / 印刷解像度を確認 |
| 結果が増えない | 公開 URL が正しいか / 表示テストで確認 |
| 通知が来ない | 通知設定の Webhook URL / メアドを再確認 |
| A/B テスト比率が偏る | 訪問者数が少ない期間は偏りが出る (= 1,000 PV 以上を目安に) |
