メインコンテンツまでスキップ

リードウィジェット

ツール → リードウィジェットでは、ウェブサイトに訪問者が連絡先情報を送信できるフローティングまたは埋め込みウィジェットを作成します — LeadHubに直接リードとしてキャプチャされます。

ウィジェットはフォーム埋め込みとは異なります：専用のフォームページを必要とせず、フォームをスライドインパネルで開くフローティングボタン（チャットバブル、「お問い合わせ」ボタン）として表示されます。

リードウィジェットの作成​

  1. ツール → リードウィジェットに移動します。
  2. 新しいウィジェットをクリックします。
  3. ウィジェットを設定します：

基本設定​

フィールド説明
名前内部ラベル
フォームウィジェットを開いた時に表示するLeadHubフォーム
ボタンラベルフローティングボタンのテキスト（例：「見積もりを取得」、「お問い合わせ」）
ボタン位置ページの左下または右下
プライマリカラーボタンとウィジェットのアクセントカラー
ウェルカムメッセージ開いたウィジェットパネルの上部に表示されるオプションの見出し

動作​

フィールド説明
自動オープン遅延ウィジェットが自動的に開くまでの秒数（0 = 手動のみ）
モバイルで表示モバイルデバイスでの表示/非表示を切り替え
ドメインこのウィジェットの読み込みを許可するドメイン
  1. 保存をクリック — JavaScriptの埋め込みコードが生成されます。

ウィジェットのインストール​

埋め込みコードをコピーして、ウェブサイトの</body>の前に貼り付けます：

<script>
  window.LeadHubWidget = { token: 'YOUR_WIDGET_TOKEN' };
</script>
<script async src="https://yourdomain.com/widget.js"></script>

スクリプトが読み込まれた全てのページにフローティングボタンが表示されます。

訪問者向けの動作​

  1. 訪問者がページのフローティングボタンを見ます。
  2. クリックすると — フォームを含むスライドインパネルが開きます。
  3. フォームに記入して送信します。
  4. LeadHubが即座に新しいリードを作成します。
  5. フォーム送信済みトリガーを持つ全オートメーションが発火します。
  6. 訪問者にお礼メッセージが表示されます。

複数のウィジェット​

異なるページやキャンペーンに異なるウィジェットを作成できます：

  • 料金ページの「デモを予約」ウィジェット
  • ヘルプページの「サポートを取得」ウィジェット
  • ブログ投稿の「ガイドをダウンロード」ウィジェット

各ウィジェットは異なるLeadHubフォームを指し、異なる色を使用し、異なるボタンラベルを持てます。

関連​