フォームビルダー
新規フォームを作成する
- サイドバーのフォームに移動します。
- 新規フォームをクリックします。
- 基本情報セクションを入力します(以下参照)。
- フォームフィールドセクションでフィールドを追加します。
- オプションのセクション(外観、パイプライン接続、スパム保護)を設定します。
- 保存をクリックします。
基本情報
| フィールド | 説明 |
|---|---|
| フォーム名 | 内部名(管理パネルで使用) |
| スラッグ | URL フレンドリーな識別子 — 名前から自動生成。公開 URL で使用:/f/your-slug |
| 表示タイトル | フォームの上部に訪問者に表示されるタイトル |
| 説明 | フォームに表示されるオプションのサブタイトル/説明 |
| 送信ボタンのラベル | 送信ボタンのテキスト(デフォルト:「送信」) |
| サンクスメッセージ | 送信成功後に表示されるメッセージ |
| リダイレクト URL | 設定した場合、サンクスメッセージの代わりにこの URL にリダイレクト |
| マルチステップフォーム | フィールドを番号付きのステップ/ページにグループ化 |
| アクティブ | フォームを有効または無効にするトグル |
フォームフィールド
各フォームには無制限のフィールドを設定できます。GDPR 同意チェックボックスが最後のフィールドとして自動的に追加され、削除できません。
フィールドを追加する
フォームフィールドセクションでフィールドを追加をクリックし、以下を設定します。
| フィールド設定 | 説明 |
|---|---|
| タイプ | 入力タイプ(以下参照) |
| ラベル | 訪問者に表示 されるフィールドラベル |
| プレースホルダー / ヒント | 入力内のヒントテキスト |
| フィールドキー | このフィールドをリードプロパティにマッピング(例:email、first_name、phone) |
| ステップ番号 | マルチステップフォームの場合 — このフィールドが属するステップ |
| 必須 | 送信に必要かどうか |
| オプション | (ドロップダウン/チェックボックス/ラジオのみ) — 1行に1オプション |
フィールドタイプ
| タイプ | 説明 |
|---|---|
| text | 1行テキスト入力 |
| メールアドレス入力 | |
| phone | 電話番号入力 |
| textarea | 複数行テキスト |
| select | ドロップダウンリスト |
| multi_checkbox | 複数チェックボックス(複数選択) |
| radio | ラジオボタン(単一選択) |
| date | 日付ピッカー |
| number | 数値入力 |
| hidden | 非表示フィールド(URL パラメーターから事前入力) |
フィールドの並び替え
フィールドを上下にドラッグしてフォーム上の順序を変更します。
外観(オプション)
| 設定 | 説明 |
|---|---|
| 背景色 | フォームコンテナの背景色 |
| 背景画像 URL | 背景画像の URL |
| Google フォント名 | 使用するフォント(例:「Inter」、「Roboto」) |
| ロゴ URL | フォームの上部に表示されるロゴ画像 |
パイプライン接続(オプション)
このフォームからの新規リードをパイプラインステージに自動配置します。
- パイプラインを選択します。
- そのパイプライン内のステージを選択します。
このフォームからのすべてのリードがそのステージから始まります。
スパム保護
reCAPTCHA v3 を有効にしてボット送信から保護します:
- reCAPTCHA v3 を有効にするをオンにします。
- reCAPTCHA サイトキーとシークレットキーを入力します(Google reCAPTCHA コンソールから)。
フォームごとに個別の reCAPTCHA キーペアが必要です(またはすべてのフォームで同じキーを使用可能)。
埋め込みコードを取得する
フォームを保存した後:
- フォーム一覧に移動します。
- フォーム行の埋め込みボタンをクリックします。
- HTML スニペットをコピーしてウェブページに貼り付けます。
スタンドアロンフォームの URL は:https://yourdomain.com/f/your-slug
マルチステップフォーム
マルチステップフォームが有効の場合:
- 各フィールドにステップ番号(1、2、3...)を割り当てます。