コンテンツへスキップ
All articles
Integrations

会話型フォーム(チャット形式のキャプチャ)

サイトのチャットウィジェットで質問を1つずつ尋ねるフォームを作成できます。完了すると、CRMが自動的にリードを作成します。

会話型フォームは、1度に1つずつ質問(氏名、メール、電話、会社、自由記述/選択式の質問)を尋ね、ウェブサイト訪問者の回答を収集するチャットウィジェットです。完了すると、CRMは自動的にソース「conversational_form」でリードを作成します。これはウェブサイトフォームのキャプチャと同じパターンです。

当社が構築したものなので、外部アカウントもコストも不要です。フォームはサイトに貼り付けるスニペットによって配信されます。URLトークンはフォームを識別するためだけのもので、公開情報であり秘密情報ではありません。

ステップ1:質問を作成する

  1. 設定 → 会話型フォーム を開き、作成(または既存のものを編集)をクリックします。
  2. フォームに名前を付け、質問を追加します。各質問にはテキスト、種類(テキスト、メール、電話、長文、選択、または同意)、リードフィールド(氏名、メール、電話、会社、メッセージ)への任意のマッピングがあります。
  3. メールまたは電話にマッピングされた質問を少なくとも1つ含めてください。それがリード作成を可能にするものだからです。
  4. ↑/↓で質問の順序を変更し、訪問者が必ず答えるべき質問には「必須」を付けます。

同意(プライバシー)

同意を求めるには、「同意」質問を追加して必須にします。テキストは自由記述なので、独自のプライバシーポリシー文を書いてください。訪問者が同意しない場合、リードは作成されません。これにより、対象読者に適用されるプライバシー法を尊重できます。

フィールドの種類

各質問には、豊富な入力タイプを使用できます。短文または長文、メール、電話、数値、通貨、日付、時刻、日時、ドロップダウン、複数選択、チェックボックス、単一選択、星評価、NPS(0から10)、非表示フィールドです。質問をオブジェクトのフィールドにリンクすると、フィールドタイプから種類が自動的に推奨されます(変更可能)。長いフォームを整理するために、回答を求めずタイトルとテキストだけを表示する「セクション/テキスト」ブロックも追加できます。

バリデーション

「詳細」の下で、各質問にバリデーションルールを設定できます。必須、最小値・最大値(数値、評価、NPS用)、最小・最大文字数(テキスト用)、独自のメッセージ付きのパターン(正規表現)です。バリデーションは訪問者のブラウザとサーバーの両方で実行されるため、無効な回答が不完全なレコードを作成することはありません。

条件ロジック(表示/非表示)

以前の質問への特定の回答があったときだけ、質問を表示することができます。「詳細」の下で「表示条件」[質問] [演算子] [値]を選択します(次と等しい、次と異なる、含む、より大きい、より小さい、空である、入力されている)。訪問者が回答するにつれて、質問はリアルタイムで表示・非表示が切り替わります。非表示の質問は決して必須にならず、その回答は保存されません。条件は「それ以前」の質問しか参照できません(循環はできません)。

URLの事前入力と非表示フィールド

どの質問も、フォームURLのパラメーターから事前入力できます。「URLパラメーターから事前入力」(例:email)を設定すると、...?email=ana@x.com のようなリンクはフィールドが入力された状態で始まります。非表示フィールド(必須パラメーター付き)は訪問者には表示されませんが、値をレコードに保存します。ソース/UTM(utm_source、ref)の取得に最適です。URLの事前入力は必須フィールドのバリデーションを回避することはありません。

外観とテーマ

「外観」セクションでは、フォームページをカスタマイズできます。テーマ(ライト、ダーク、または訪問者のシステムに従う自動)、アクセントカラー(ボタンやハイライトに使用)、URLによるロゴとカバー画像、角丸、フォント(システムまたはセリフ)、独自のタイトルとサブタイトル、送信ボタンのラベルです。画像はhttp://またはhttps://で始まるアドレスのみを受け付けます。テキストはプレーンテキストとして表示されます。何も設定しない場合、フォームはデフォルトの外観を保ちます。

送信後

「送信後」では、訪問者がフォームを完了したときの挙動を選べます。独自のお礼メッセージを表示するか、独自のページ(例:お礼ページ)にリダイレクトするかのどちらかです。それはどちらか一方のみです。リダイレクトはhttp://またはhttps://のアドレスのみ受け付けます。何も設定しない場合、デフォルトのお礼メッセージが表示されます。

通知、Webhook、自動化

「通知と自動化」セクションでは、フォームを業務の他の部分と連携させます。「メールで通知」の下に、誰かが送信するとすぐに回答付きの「新規送信」通知を受け取るべき社内メール(カンマ区切り)を並べます。各受信者は自分の言語で通知を受け取ります。「Webhook(URL)」の下に、送信のたびにJSONとして回答を含むPOSTを受け取るhttp/httpsアドレスを入力します。そのPOSTは他のCRM Webhookと同じ形式で、x-sellio-signatureヘッダーに(HMAC-SHA256で)署名されます。画面に表示される「Webhookシークレット」を使って、サーバー側で署名を検証してください。すべてベストエフォートです。メールやWebhookの失敗が送信を壊したり、レコード作成を妨げたりすることはありません。

レコードのオーナーシップは、すでにチーム全体でラウンドロビンに分配されています。「自動化をトリガー」の下では、作成されたばかりのレコードに対して実行するオブジェクトの自動化を指定することもできます。「作成時」の自動化はすでに自動的に実行されるため、ここで指定する必要はありません。

「キャンペーン」の下で、フォームをCRMのキャンペーンにリンクします。それ以降、各送信は自動的にそのキャンペーンのメンバーとして追加され、フォームはキャンペーンハブ(マーケティング、アトリビューションタブ)でランディングページ、投稿、CTA、広告と並んでキャンペーンのアセットとして表示されます。これにより、ある施策が生み出したものと、それが収益にどれだけ影響したかを一か所にまとめられます。

スパム対策

フォームは標準で保護されています。目に見えないハニーポットフィールドが常に有効で、人間には見えませんがボットは入力してしまう傾向があります。入力されると、送信は静かに破棄されます。ボット対策チェック(Cloudflare Turnstile)をオンにすることもでき、控えめなチャレンジを表示してサーバー側で検証します(プラットフォームでキーが設定されている場合に機能し、設定されていない場合は邪魔にならないよう無視されます)。さらに、乱用を抑えるために、送信元/IPごとの分あたりの送信上限が常に有効です。同意も引き続き尊重されます。オプトインを必須にしていて訪問者が同意しない場合、何も作成されません。

「同意とプライバシー」では、同意テキスト(自由記述)とプライバシーポリシーへのリンクを設定します。特定の法律に限定せず、対象読者に合わせた一般的なプライバシー表現を使ってください。リンクはhttp://またはhttps://のアドレスのみを受け付け、同意チェックボックスの隣に表示されます。

ファイルアップロード

添付ファイル(領収書、履歴書、写真)を求めるには、「ファイル(アップロード)」フィールドタイプを選びます。「詳細」の下で、許可される種類(例:pdf、png、jpg)と最大サイズ(MB単位、上限10MB)を設定します。訪問者はページ上で直接ファイルをアップロードします。ファイルは安全に保存され、作成されたレコードにリンクされ、そのレコードの添付ファイルとして表示されます。種類とサイズのバリデーションはサーバー側でも実行されます。実行可能ファイルや許可されていない種類は、ブラウザを回避しようとしても常に拒否されます。種類を空欄のままにすると、安全なデフォルト(一般的な文書と画像)が適用されます。

保存して後で続ける

長いフォームは再開可能です。訪問者は「保存して後で続ける」をクリックし、中断した場所から戻れる固有のリンクを取得します。部分的な回答は30日間保持され、予測不可能なトークンによって分離されます(誰も他人の下書きを見ることはできません)。リンクを開くと、以前の回答が入力された状態でフォームが表示されます。特別な設定は不要です。ボタンはフォームページに自動的に表示されます。

送信時の決済

「送信時の決済」セクションでは、フォームが送信されたときに金額を請求できます(例:登録料や寄付)。決済は「設定 → 統合」でBYOモデルとして構成されたあなた自身の決済ゲートウェイ(Stripe)を使います。お金は当社を介さず直接あなたのアカウントに入ります。固定金額(あなたが設定)か、フォーム自体の数値/通貨フィールドから取得する金額かを選べます。請求金額は常にサーバー側で計算され、訪問者側で計算されることはないため、誰も価格を変更できません。

送信時、レコードは通常どおり作成され、訪問者はゲートウェイがホストする決済ページに移動します。決済確認はゲートウェイのWebhookを通じて行われます(請求書と同じ仕組みです)。決済をオンにしているのにゲートウェイがまだ設定されていない場合、ビルダーが警告し、迷った場合はキャプチャが壊れないよう課金なしでフォームが送信されます。注:現在、フォームの決済はStripe(アプリで課金を生成するためにすでに接続されているゲートウェイ)を使用します。

ステップ2:有効化してサイトに設置する

  1. フォームの「有効化」をクリックします(初期状態は無効です)。
  2. 「埋め込みと共有」の下で、お好みの形式をコピーしてサイトに貼り付けます。
  3. チャットウィジェット(バブル):<script ...></script> スニペットはページの隅にチャットを開き、質問を1つずつ表示します。
  4. ページに埋め込み(iframe):コードを貼り付けた場所にそのままフォームが表示されます。
  5. ポップアップボタン(スライドイン):フローティングボタンがページ上のモーダルでフォームを開きます。
  6. QRコード:ポスター、カウンター、イベント用に公開リンクのQRコードを生成します(PNGとしてダウンロード可能)。

公開リンクをWhatsAppやメールで直接共有することもでき、すべてコピーボタン付きです。

💡 作成されたリードは、ソース「conversational_form」でリード一覧に表示されます。冪等性により、同じメールでの重複作成を防ぎます。フォームを無効化すると、埋め込まれたすべての形式が即座に機能しなくなります。

テンプレートギャラリー

ゼロから始める必要はありません。テンプレートギャラリーで既成のモデル(お問い合わせ、リードキャプチャ、注文/見積、イベント登録、満足度/NPS、サポート/チケット)を選び、「テンプレートを使用」をクリックします。新しい(無効な)フォームが作成されるので、調整してから有効化してください。ラベルはすでにプラットフォームの10言語で用意されています。

分析(ファネルと離脱)

各フォームには、訪問ファネルを示す分析パネルがあります。開いた → 開始した → 送信した → 完了した、それぞれのコンバージョン率、そしてステップごとの離脱(どこで入力をやめるか)を確認できます。

💡 分析は匿名かつ集計されたものです。回答や個人データが指標に保存されることはありません。数値は正直です(データがまだない場合は0を表示します)。

回答とエクスポート

  1. フォームの「回答」を開き、期間内に作成されたレコードを確認します。
  2. 期間(7、30、90日)を選びます。
  3. 「CSVをエクスポート」をクリックして、すべてをスプレッドシートとしてダウンロードします。

エクスポートはフィールドのセキュリティを尊重します。あなたのロールが読み取れないフィールドは、画面上でもCSV内でも非表示またはマスクされて表示されます。

多言語対応

1つのフォームに言語ごとの翻訳を保持できます。訪問者は自分の言語(?lang のURL、またはブラウザの設定経由)でフォームを見ることができ、翻訳がない場合は基本テキストが表示されます。各ステップでラベルの翻訳を編集でき、「フォームの言語」ブロックでタイトルとサブタイトルを翻訳します。

💡 「AIで翻訳」ボタンを使うと、基本テキストから翻訳を自動入力できます。その後、確認してください。翻訳がないフォームは、これまでどおり正常に動作し続けます。

Open this article inside the system

Read it and want to see it working?

The account is free and the whole manual is available inside the system, with an assistant that answers from this very content.

無料アカウントを作成
会話型フォーム(チャット形式のキャプチャ) · Sellio