フォームビルダー
LeadHub フォームとは？
LeadHub にはフォームビルダーが内蔵されており、お問い合わせフォームを作成してウェブサイトに埋め込むことができます。誰かがフォームを送信すると、LeadHub に自動的にリードが作成されます — コピー＆ペースト、CSV ダウンロード、手動入力は不要です。
LeadHub フォームは Typeform や JotForm などのツールの代替として（または併用して）使用できます。
フォームの作成
- 左サイドバーの リ ード > フォーム に移動します。
- 新しいフォーム をクリックします。
- 基本情報 セクションを入力します：
- フォーム名 — チームのみが見る内部名称。
- スラッグ — 公開 URL で使用する短い名前（フォーム名から自動生成）。
- 表示タイトル — フォーム上部に訪問者が見る見出し。
- 説明 — オプション。タイトルの下に表示される短いテキスト。
- 送信ボタンのラベル — デフォルトは「送信」。
- サンクスメッセージ — フォーム送信後に訪問者に表示されるメッセージ。
- リダイレクト URL — オプション。送信後に訪問者をこのページにリダイレクト。
- マルチステップフォーム — フォームを番号付きステップに分割する場合にオン。
- 有効 — フォームが送信を受け付けるようにオンにします。
フィールドの追加
フォームフィールド セクションまでスクロールし、フィールドを追加 をクリックします。
| タイプ | 外観 |
|---|---|
| 短いテキスト | 1行のテキストボックス |
| 長いテキスト | 複数行のテキストボックス |
| メール | メールアドレス入力（形式を検証） |
| 電話 | 電話番号フィールド |
| 数値 | 数値のみの入力 |
| ドロップダウン | 選択肢を定義するセレクトメニュー |
| チェックボックス | 単一チェックボックス（はい/いいえ） |
| 複数チェックボックス | 複数選択できる複数のチェックボックス |
| ラジオボタン | 1つのみ選択できる複数の選択肢 |
| ファイルアップロード | 訪問者がファイルをアップロードできる |
| 日付ピッカー | カレンダー日付選択 |
| 非表示フィールド | 訪問者には見えない — 固定値を自動で渡す |
| GDPR 同意 | データ保護コンプライアンスの同意チェックボックス |
| セクション区切り | フィールドグループを分ける視覚的な線 |
- ラベル — フィールドの上に表示される質問またはラベル。
- プレースホルダー/ヘルプ — フィールド内に表示されるオプションのグレーのヒントテキスト。
- フィールドキー — このフィールドをリードのプロパティにマッピング（
first_name、last_name、email、phone、company）。 - 必須 — このフィールドを必須にする場合にオン。
- ステップ番号 — マルチステップの場合、各フィールドにステップを割り当て。
GDPR 同意フィールドは特別なロックされたフィールドで、追加後は削除・編集できま せん。
フォームのスタイリング
外観 セクションをクリックします：
- 背景色 — フォームの背景色。
- 背景画像 URL — オプションの背景画像 URL。
- Google フォント名 — 例：
InterまたはRoboto。 - ロゴ URL — フォームの上部に表示されます。
パイプラインへの接続
パイプライン接続 セクションをクリックして、送信内容が入るパイプラインとステージを選択します。
スパム保護
reCAPTCHA v3 を有効にする をオンにして、Google reCAPTCHA アカウントの reCAPTCHA サイトキー と reCAPTCHA シークレットキー を入力します。
reCAPTCHA v3 はバックグラウンドで静かに動作します — 訪問者はチェックボックスをクリックする必要がありません。
ウェブサイトへのフォームの埋め込み
オプション 1 — 直接リンク（公開 URL）
https://yourdomain.com/{your-account-slug}/forms/{form-slug}
オプション 2 — iframe 埋め込み
<iframe
src="https://yourdomain.com/{account-slug}/forms/{form-slug}"
width="100%"
height="600"
frameborder="0">
</iframe>
オプション 3 — JavaScript スニペット
<script src="https://yourdomain.com/widget.js" data-form-id="YOUR_FORM_ID" defer></script>
フォーム送信からリード作成までのフロー
- 訪問者がフォームに入力して送信をクリック。
- LeadHub がフィールドを検証（必須項目、メール形式、reCAPTCHA）。
- LeadHub が送信されたすべての値で新しいリードレコードを作成。
- リードがフォームに設定されたパイプラインとステージに配置。
- リードのソースが「LeadHub Web Form」として記録。
- 「フォーム送信済み」または「新しいリードを受信」トリガーを持つオートメーションが即座に起動。
- 訪問者がサンクスメッセージを見る（またはリダイレクト）。
フォーム分析
- ビュー — フォームページがロードされた回数
- 送信数 — フォームが正常に送信された回数
- コンバージョン率 — 送信につながったビューの割合
リードキャプチャウィジェット
リードキャプチャウィジェットは、ウェブサイトの隅に表示される浮動ボタンです。訪問者がクリックすると、小さなポップアップのお問い合わせフォームが表示されます。
ウィジェットの作成
- ツール > リードウィジェット に移動します。
- 新しいリードキャプチャウィジェット をクリックします。
- 名前、見出し、サブ見出し、ボタンテキスト、成功メッセージ を入力します。
外観のカスタマイズ
- プライマリカラー、テキストカラー、位置（右下、左下、右上、左上）。
表示するフィールドの選択
オプションフィールドをオンにします：電話、会社名、メッセージ（それぞれ必須にもできます）。名前とメールは常に表示され、常に必須です。
パイプラインへの接続
リードルーティング セクションで、パイプラインとステージを選択します。
ウィジェットの埋め込み
<script src="https://yourdomain.com/widget/{widget-uuid}/loader.js" async></script>
このスニペットをウィジェットを表示したい各ページの </body> タグの直前に貼り付けます。
トラッキング
ウィジェット詳細ビューを開いて キャプチャされたリード数 を確認します。