- アプリ管理画面の「拡張するHubSpotフォーム一覧」から、埋め込みたいフォームの［設定］ボタンをクリック。
- フォーム編集画面の一番下の「埋め込みコード」が生成されていることを確認。
- ［コピーする］をクリックしコピー。
次にHubSpotの管理画面に移動し、フォームを埋め込むページの編集画面を開いてください。 - フォームを埋め込むページの編集画面で、モジュール「郵便番号自動入力フォーム for HubSpot」※をページ内にドラッグ&ドロップ。
- 画面が切り替わるので、ペンのアイコン［編集］をクリック。フォームの設定画面が開きます。
- フォーム名
HubSpotの管理画面上のみで使用する内部名です。管理しやすいよう、わかりやすい名前をつけます。 - フォームの表示・非表示の切り替え
フォームを表示させる場合、チェックを入れます。
1つのページで複数のフォームを設定する場合に便利な機能です。詳しくは「1つのページにフォームを複数設定する」を参照ください。 - フォームの埋め込み
③でコピーした埋め込みコードを貼り付けます。 - フォームのプレビュー
埋め込んだフォームのプレビューが表示されます。もし表示されない場合は、画面左上の⑩［保存］ボタンをクリックした後、ページを再読み込みしてください。 - プレビューで確認→公開
右上の［プレビュー］で見た目や動作の確認、フォームのテスト送信を行います。問題がなければ公開します。
※このモジュールはHubSpotのデフォルトでは存在しないため、弊社にて作成、設定します。
※クリックで大きい画像を表示できます
※クリックで大きい画像を表示できます
※クリックで大きい画像を表示できます