# 初期設定ガイド
# HubSpotの新フォームエディターでの設定
HubSpotの新しいフォームエディターを使用したフォームマッピングの設定方法について説明します。
#### 1. HubSpot新フォームエディターでフォームを作成し、iframeのコードを取得する
HubSpotの新しいフォームエディターでフォームを作成し、以下のページから埋め込みコード（iframeコード）を取得します。
取得したiframeコードを、フォームを設置したいページに貼り付けます。
#### 2. フォームマッピング設定画面で対象のマッピングを開く
ページ下部に行くと、フォームプロバイダーの設定があります。\
「フォームプロバイダー」で「HubSpot（新フォームエディター）」を選択します。
マッピング先プロパティを設定します。\
マッピング元の設定は不要です。また、HubSpot側のプロパティ名とimmedioのマッピング対象名を一致させてください。\
以下のケースでいうと、email, person\_name, company\_name, phone\_numberをそれぞれHubSpot上のプロパティと一致させます。\
ただしfirstnameとlastnameはperson\_nameに自動的にマッピングされます。firstnameとlastnameをHubSpotのプロパティとして利用している場合、person\_nameについてはHubSpot上にプロパティが存在しなくても問題ありません。
プロパティマッピングの例:
| 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にデータが正しく連携され、モーダルが正常に動作することを確認してください。
# Help Center
技術仕様・不具合に関するお問い合わせ
ヘルプサイトの内容で解決しない技術仕様・不具合に関するご連絡は、下記の「お問い合わせはこちら」より詳細をお問い合わせください。
\
通常1営業日以内に、担当者よりメールにて回答させていただきます。\
操作画面のスクリーンショットや動画などがございますと、よりスムーズなご対応が可能です。
{% hint style="info" %}
サポート営業時間
平日 10 時 00 分から 18 時 00 分\
※ 土日祝および年末年始を含む、特定の休業日を除く
{% endhint %}
お問い合わせはこちら