> ## Documentation Index
> Fetch the complete documentation index at: https://docs.timothe.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# HubSpot Forms の埋め込み

> HubSpot Forms のフォームをエージェントウィジェットに埋め込む方法

[HubSpot Forms](https://www.hubspot.jp/products/marketing/forms) のフォームをウィジェット内に埋め込み、エンドユーザーがその場でリード情報を送信できるようにします。取得したリードは HubSpot CRM に自動で連携されます。

## 前提条件

* HubSpot アカウント
* 作成済みのフォーム

## 埋め込みコードの取得

1. HubSpot にログイン
2. **マーケティング > フォーム** を開く
3. 対象のフォームを選択
4. **共有** ボタンをクリック
5. **埋め込みコード** タブからコードをコピー、またはフォームの共有リンクをコピー

## 設定

ダッシュボードの **エージェント設定 > アクション > アクションを追加 > 埋め込みコード** を選択し、以下のように設定します。

| 項目  | 値の例            |
| --- | -------------- |
| ラベル | お問い合わせ         |
| コード | 以下の iframe コード |

```html theme={null}
<iframe
  src="https://share.hsforms.com/XXXXX"
  width="100%"
  height="500"
  frameborder="0"
></iframe>
```

<Info>
  HubSpot Forms で取得したリードは HubSpot CRM に自動で登録されるため、[HubSpot 連携](/ja/integrations/crm.hubspot)と組み合わせることでエージェント経由のリード獲得を一元管理できます。
</Info>