Webフォーム – 基本機能ガイド | VtigerCRM
管理者機能

Webフォーム

Webサイトが、最強の営業マンになる。

お問い合わせや資料請求を、CRMへ直送。
入力されたその瞬間に「顧客データ」として登録し、営業アプローチを即座に開始します。

デモで操作体験
お問い合わせ
氏名…
Email…
送信
CRMに自動登録

自動データ取り込み

Web to Lead / Web to Ticket

Lead Generation

メールからの「転記作業」はもう不要

届いたお問い合わせメールを見て、CRMに手入力していませんか？
Webフォーム機能は、入力の手間とタイムラグをゼロにする「顧客獲得の自動ドア」です。

自動登録

Webサイトに入力された内容が、そのままCRMの「見込客」や「チケット」として登録されます。

ノーコード作成

プログラミング知識は不要。必要な項目を選んで保存するだけで、設置用のHTMLコードが生成されます。

担当者割り当て

取り込んだデータの担当者を自動設定。特定のユーザーやグループに即座に通知が飛びます。

機能ハイライト

主な特徴

フォーム項目の選択
氏名 (必須)
メールアドレス
電話番号
お問い合わせ内容

ドラッグ＆ドロップで項目選択

CRMにある項目（氏名、メール、電話番号など）の中から、Webフォームに表示させたい項目を選ぶだけ。 「必須入力」の設定や、画面には表示しない「隠しフィールド（固定値）」の設定も可能です。

  • カスタムフィールドも利用可能
  • ファイル添付（アップロード）にも対応

HTMLコードの自動生成

設定を保存すると、Webサイトに貼り付けるためのHTMLコードが自動生成されます。 これをWordPressの固定ページや、自社サイトのHTMLファイルにコピペするだけで、連携フォームが完成します。

コピペで完了
<form>タグを生成

<form action=”…vtiger…”>

<input type=”hidden” name=”…”>

<label>Name:</label>

<input type=”text” name=”lastname”>

…

</form>

Security Check
I’m not a robot

Google reCAPTCHA対応

スパム対策も万全

Google reCAPTCHA（「私はロボットではありません」のチェック）を統合できます。 ボットによるスパム投稿をブロックし、クリーンな顧客データのみをCRMに取り込みます。

導入のステップ

1. 作成

対象モジュール（リード等）を選んで新規作成。

2. 設定

必要な項目を選び、必須設定などを行う。

3. 取得

生成されたHTMLコードをコピー。

4. 設置

自社サイトに貼り付けて公開。

活用事例（レシピ）

よくあるWebフォームの活用パターンです。

資料請求フォーム

「見込客」モジュールと連携。送信完了ページのURLを「資料ダウンロードページ」に設定すれば、自動的なリード獲得マシンになります。

効果: リード獲得の自動化

サポート受付

「チケット」モジュールと連携。エラー画面のスクリーンショット（画像）を添付できるようにし、サポートの初動を早めます。

効果: 顧客対応の迅速化

アンケート収集

カスタムモジュールや連絡先と連携。セミナー後のアンケート回答を直接CRMに取り込み、集計や分析に活用します。

効果: データ入力コストの削減

WebサイトとCRMが直結し、データ入力が自動化される流れを図解しました。

graph LR
    VISITOR("👤 Webサイト訪問者")
    
    subgraph SITE ["自社Webサイト"]
        FORM["📝 お問い合わせフォーム<br>(氏名・Email・内容)"]
        SUBMIT("送信ボタン")
    end

    subgraph CRM ["VTiger CRM"]
        SYSTEM{"⚙️ 自動処理"}
        RECORD["✅ レコード作成<br>(リード/チケット)"]
        NOTIFY("🔔 担当者へ通知")
    end

    VISITOR --> FORM
    FORM --> SUBMIT
    SUBMIT --> SYSTEM
    SYSTEM --> RECORD
    RECORD --> NOTIFY

    style SITE fill:#e3f2fd,stroke:#1565c0,stroke-dasharray: 5 5
    style FORM fill:#ffffff,stroke:#333
    style CRM fill:#fff3e0,stroke:#ef6c00,stroke-width:2px
    style RECORD fill:#e8f5e9,stroke:#2e7d32,stroke-width:2px

2. 設定画面へのアクセス

  1. 画面右上の 歯車アイコン（設定） > CRM設定 をクリックします。
  2. オートメーション > Webフォーム をクリックします。

3. 設定手順

3.1. 新規Webフォームの作成

  1. 画面右上の + Webフォームを追加 ボタンをクリックします。
  2. 基本情報 を入力します。
項目名説明
Webform Name管理用の名前を入力します。（例：HPお問い合わせ用）
モジュール作成するデータの種類を選択します。（例：Leads, Contacts, Tickets）
戻り URL送信完了後に移動させたいページのURLを入力します。（例：自社サイトの「送信完了ページ」）
担当者取り込んだデータの担当者を指定します。（特定のユーザーまたはグループ）
ステータスフォームを有効にするには「Active」にします。
Captcha Enabledスパム対策（reCAPTCHA）を有効にする場合はチェックを入れます。

3.2. フィールドの選択

フォームに表示させたい項目を選択します。

  1. フィールドを追加 ボタン（またはリストからの選択）を使って、必要な項目を追加します。
    • 例：Last Name（必須）, Email, Phone, Description（問い合わせ内容）など。
  2. 必須: 必須入力にしたい項目にチェックを入れます。
  3. 隠す: 画面には表示しないが、固定値を埋め込みたい場合（例：リードソースを「Webサイト」で固定するなど）に使用します。

3.3. HTMLコードの取得

設定を保存すると、Webフォームの一覧に戻ります。

  1. 作成したWebフォームの右側にある フォームを表示する をクリックします。
  2. 表示されたソースコード（HTML/JavaScript）をコピーします。
    • あなたのウェブサイトに以下のコードを埋め込んでください: コピーしたコードを、自社サイトのHTMLファイル（WordPressならカスタムHTMLブロックなど）に貼り付けます。