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にデータが正しく連携され、モーダルが正常に動作することを確認してください。