# HubSpotの新フォームエディターでの設定

#### 1. HubSpot新フォームエディターでフォームを作成し、iframeのコードを取得する

HubSpotの新しいフォームエディターでフォームを作成し、以下のページから埋め込みコード（iframeコード）を取得します。

![](/files/X4PQQQ4XVQrx5DZOzb3k)

取得したiframeコードを、フォームを設置したいページに貼り付けます。

![](/files/bsp21trMzr2zp4otscOg)

#### 2. フォームマッピング設定画面で対象のマッピングを開く

ページ下部に行くと、フォームプロバイダーの設定があります。\
「フォームプロバイダー」で「HubSpot（新フォームエディター）」を選択します。

![](/files/TK35yKdARySi2dMBmAky)

マッピング先プロパティを設定します。\
マッピング元の設定は不要です。また、HubSpot側のプロパティ名とimmedioのマッピング対象名を一致させてください。\
以下のケースでいうと、email, person\_name, company\_name, phone\_numberをそれぞれHubSpot上のプロパティと一致させます。\
ただしfirstnameとlastnameはperson\_nameに自動的にマッピングされます。firstnameとlastnameをHubSpotのプロパティとして利用している場合、person\_nameについてはHubSpot上にプロパティが存在しなくても問題ありません。

![](/files/RAw5QFT8EmpI376i8FoK)

プロパティマッピングの例:

| immedioのマッピング先プロパティ | HubSpotのプロパティ名      |
| ------------------- | ------------------- |
| email               | email               |
| person\_name        | firstname, lastname |
| company\_name       | company\_name       |
| phone\_number       | phone\_number       |
| job\_title          | job\_title          |
| industry            | industry            |
| country             | country             |
| ...                 | ...                 |

#### 3. 対象フォームマッピングを使用して、フローチャートルーターを作成し、ページに埋め込む

後の工程は通常のフォームマッピングと同様です。作成したフォームマッピングを使用したフローチャートルーターのタグをページに埋め込みます。\
immedioにデータが正しく連携され、モーダルが正常に動作することを確認してください。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.immedio.io/guides/new-hubspot-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.